shopify商店模板输入外观和卡的设置步骤-ESG跨境

输入

输入是需要客户输入的交互区域，例如数量选择器、电子邮件注册表单或备注。您可以在模板设置中调整输入的外观。

自定义输入

PC：

1. 在 Shopify 后台中，转到在线商店 > 模板。

2. 找到您要编辑的模板，然后点击自定义。

1. 点击模板设置。 4. 点击输入。5. 使用滑动标尺更改按钮输入边框的外观。6. 使用滑动标尺更改输入阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

苹果系统：

1. 在  应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

1. 点击模板设置。 4. 点击输入。5. 使用滑动标尺更改按钮输入边框的外观。6. 使用滑动标尺更改输入阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

1. 点击模板设置。 4. 点击输入。5. 使用滑动标尺更改按钮输入边框的外观。6. 使用滑动标尺更改输入阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

卡

卡片是分区中的一些分隔，可显示多个项目，例如卡、博客卡、产品系列卡或拼贴卡。您可以自定义分区卡的形状、样式、颜色、对齐方式和图片填充。

自定义卡

PC：

1. 在 Shopify 中，转到在线商店 > 模板。

2. 找到您要编辑的模板，然后点击自定义。

3.点击模板设置。 4. 点击卡。5. 使用下拉菜单选择卡样式。6. 使用滑动标尺添加图片填充。这会在卡图片周围增加空间。7. 使用下拉菜单设置卡的文本对齐方式。在居左、居中（默认）或居右之间选择。8. 使用下拉菜单为卡选择配色方案。9. 使用滑动标尺更改卡边框的外观。10. 使用滑动标尺更改卡阴影。将阴影不透明度设置为 0% 会移除阴影。7. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分，轻触在线商店。

3. 轻触管理模板。

4. 找到您要编辑的模板，然后轻触自定义。

5. 轻触编辑。

6.点击模板设置。 7. 点击卡。8. 使用下拉菜单选择卡样式。9. 使用滑动标尺添加图片填充。这会在卡图片周围增加空间。10. 使用下拉菜单设置卡的文本对齐方式。在居左、居中（默认）或居右之间选择。11. 使用下拉菜单为卡选择配色方案。12. 使用滑动标尺更改卡边框的外观。13. 使用滑动标尺更改卡阴影。将阴影不透明度设置为 0% 会移除阴影。14. 点击保存。

安卓系统：

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.

特别声明：以上文章内容仅代表作者本人观点，不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。