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

输入

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

自定义输入

PC：

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

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

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

苹果系统：

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

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. 点击保存。

Shopify商户官网原文详情：

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.

文章内容来源：Shopify商户官方网站

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

登录商店后台,选择“商店设置”-“商店外观”-“模板”,点击“上传模板”,选择需要上传的ZIP文件,然后上传。上传完成后,可以选择此模板。

登录商店后台,选择“产品”-“卡”,选择需要编辑的卡,可以更改卡片标题、内容、图片等。同时也可以自定义卡片样式,比如更改背景色、字体样式等。

登录商店后台,选择“产品”-“卡”,点击“新增卡”即可添加新的卡片。可以给卡片设置标题、内容、图片等基本信息。添加完成后,该卡片将显示在网站首页或相关页面。

如果只是更改了模板外观样式,不涉及内容结构改变,则原有页面内容不会丢失。但如果模板内容结构有较大调整,可能需要重新设置卡片内容和位置。建议更改模板前进行测试和备份。