shopify商店模板輸入外觀和卡的設置步驟-ESG跨境

輸入

輸入是需要客戶輸入的交互區(qū)域，例如數(shù)量選擇器、電子郵件注冊表單或備注。您可以在模板設置中調(diào)整輸入的外觀。

自定義輸入

PC：

1. 在 Shopify 后臺中，轉(zhuǎn)到在線商店 > 模板。

2. 找到您要編輯的模板，然后點擊自定義。

1. 點擊模板設置。 4. 點擊輸入。5. 使用滑動標尺更改按鈕輸入邊框的外觀。6. 使用滑動標尺更改輸入陰影。將陰影不透明度設置為 0% 會移除陰影。7. 點擊保存。

蘋果系統(tǒng)：

1. 在  應用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

1. 點擊模板設置。 4. 點擊輸入。5. 使用滑動標尺更改按鈕輸入邊框的外觀。6. 使用滑動標尺更改輸入陰影。將陰影不透明度設置為 0% 會移除陰影。7. 點擊保存。

安卓系統(tǒng)：

1. 在 Shopify 應用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

1. 點擊模板設置。 4. 點擊輸入。5. 使用滑動標尺更改按鈕輸入邊框的外觀。6. 使用滑動標尺更改輸入陰影。將陰影不透明度設置為 0% 會移除陰影。7. 點擊保存。

卡

卡片是分區(qū)中的一些分隔，可顯示多個項目，例如卡、博客卡、產(chǎn)品系列卡或拼貼卡。您可以自定義分區(qū)卡的形狀、樣式、顏色、對齊方式和圖片填充。

自定義卡

PC：

1. 在 Shopify 中，轉(zhuǎn)到在線商店 > 模板。

2. 找到您要編輯的模板，然后點擊自定義。

3.點擊模板設置。 4. 點擊卡。5. 使用下拉菜單選擇卡樣式。6. 使用滑動標尺添加圖片填充。這會在卡圖片周圍增加空間。7. 使用下拉菜單設置卡的文本對齊方式。在居左、居中（默認）或居右之間選擇。8. 使用下拉菜單為卡選擇配色方案。9. 使用滑動標尺更改卡邊框的外觀。10. 使用滑動標尺更改卡陰影。將陰影不透明度設置為 0% 會移除陰影。7. 點擊保存。

蘋果系統(tǒng)：

1. 在 Shopify 應用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

6.點擊模板設置。 7. 點擊卡。8. 使用下拉菜單選擇卡樣式。9. 使用滑動標尺添加圖片填充。這會在卡圖片周圍增加空間。10. 使用下拉菜單設置卡的文本對齊方式。在居左、居中（默認）或居右之間選擇。11. 使用下拉菜單為卡選擇配色方案。12. 使用滑動標尺更改卡邊框的外觀。13. 使用滑動標尺更改卡陰影。將陰影不透明度設置為 0% 會移除陰影。14. 點擊保存。

安卓系統(tǒng)：

1. 在 Shopify 應用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

6.點擊模板設置。 7. 點擊卡。8. 使用下拉菜單選擇卡樣式。9. 使用滑動標尺添加圖片填充。這會在卡圖片周圍增加空間。10. 使用下拉菜單設置卡的文本對齊方式。在居左、居中（默認）或居右之間選擇。11. 使用下拉菜單為卡選擇配色方案。12. 使用滑動標尺更改卡邊框的外觀。13. 使用滑動標尺更改卡陰影。將陰影不透明度設置為 0% 會移除陰影。14. 點擊保存。

Inputs

Inputs are interactive areas that require customer input, for example, a quantity selector, an email signup form, or cart notes. You can adjust the appearance of your online store inputs in theme settings.

Customize inputs

PC：

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit, and then click Customize.

1. Click Theme settings.

2. Click Inputs.

3. Use the sliding scales to change the appearance of your input Border.

4. Use the sliding scales to change the input Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Inputs.

3. Use the sliding scales to change the appearance of your input Border.

4. Use the sliding scales to change the input Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Inputs.

3. Use the sliding scales to change the appearance of your input Border.

4. Use the sliding scales to change the input Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Cards

Cards are compartmentalized areas in sections that allow you to display multiple items, for example, product cards, blog cards, collection cards, or collage cards. You can customize the shape, style, color, alignment, and image padding of your section cards.

Customize cards

PC:

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme that you want to edit, and then click Customize.

1. Click Theme settings.

2. Click Cards.

3. Use the dropdown menu to choose a card Style.

4. Add Image padding with the sliding scale. This adds space around your card images.

5. Use the dropdown menu to set the Text alignment for your cards. Choose between left, center (default), or right.

6. Use the dropdown menu to select a Color scheme for your cards.

7. Use the sliding scales to change the appearance of your card Border.

8. Use the sliding scales to change the card Shadow. Setting the shadow opacity to 0% removes the shadow.

9. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Cards.

3. Use the dropdown menu to choose a card Style.

4. Add Image padding with the sliding scale. This adds space around your card images.

5. Use the dropdown menu to set the Text alignment for your cards. Choose between left, center (default), or right.

6. Use the dropdown menu to select a Color scheme for your cards.

7. Use the sliding scales to change the appearance of your card Border.

8. Use the sliding scales to change the card Shadow. Setting the shadow opacity to 0% removes the shadow.

9. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Click Theme settings.

2. Click Cards.

3. Use the dropdown menu to choose a card Style.

4. Add Image padding with the sliding scale. This adds space around your card images.

5. Use the dropdown menu to set the Text alignment for your cards. Choose between left, center (default), or right.

6. Use the dropdown menu to select a Color scheme for your cards.

7. Use the sliding scales to change the appearance of your card Border.

8. Use the sliding scales to change the card Shadow. Setting the shadow opacity to 0% removes the shadow.

9. Click Save.

特別聲明：以上文章內(nèi)容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內(nèi)容、版權或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。