shopify商店模板布局、边框和阴影设置步骤

布局

通过布局，您可以设置在线商店的最大显示宽度。

PC：

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

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

1. 点击模板设置 > 布局。

2. 使用范围滑块在 1000px 或 1600px 的页面宽度之间选择。默认设置为 1600px。

3. [可选] 使用范围滑块在分区之间添加垂直空间。您可以在分区之间最多添加 100px。

4. [可选] 如果您有网格布局，请使用水平空间和垂直空间范围滑块在网格内容之间添加空间。添加水平空间最多会向行添加 40px 的空间，而添加垂直空间最多会向列添加 40px 的空间。

5. 点击保存。

苹果系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

1. 点击模板设置 > 布局。

2. 使用范围滑块在 1000px 或 1600px 的页面宽度之间选择。默认设置为 1600px。

3. [可选] 使用范围滑块在分区之间添加垂直空间。您可以在分区之间最多添加 100px。

4. [可选] 如果您有网格布局，请使用水平空间和垂直空间范围滑块在网格内容之间添加空间。添加水平空间最多会向行添加 40px 的空间，而添加垂直空间最多会向列添加 40px 的空间。

5. 点击保存。

安卓系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

1. 点击模板设置 > 布局。

2. 使用范围滑块在 1000px 或 1600px 的页面宽度之间选择。默认设置为 1600px。

3. [可选] 使用范围滑块在分区之间添加垂直空间。您可以在分区之间最多添加 100px。

4. [可选] 如果您有网格布局，请使用水平空间和垂直空间范围滑块在网格内容之间添加空间。添加水平空间最多会向行添加 40px 的空间，而添加垂直空间最多会向列添加 40px 的空间。

5. 点击保存。

边框和阴影

您可以调整某些交互式内容类型的边框和阴影，例如按钮、多属性或数量输入。

边框的可自定义选项包括：

• 厚度，用于更改商品的轮廓。

• 不透明度，用于设置商品轮廓的可见性。

• 角半径，用于对商品的角进行圆滑处理。

阴影的选项包括：

• 不透明度会更改商品阴影的可见性。0% 的阴影不透明度会完全移除商品阴影。

• 水平或垂直偏移范围滑块会移动商品周围阴影的位置。

• 使用模糊范围滑块更改商品阴影的不透明度。

Shopify商户官网原文详情：

Layout

Layout allows you to set the maximum width that your online store will display in.

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 > Layout.

2. Use range slider to choose between a page width of 1000px or 1600px. The default setting is 1600px.

3. [Optional] Add vertical space between sections with the range slider. You can add a maximum of 100px between sections.

4. [Optional] If you have a Grid layout, use the Horizontal space and Vertical space range slider to add space between grid content. Adding horizontal space will add a maximum of 40px of space to your rows, whereas adding vertical space will add a maximum of 40px of space to your columns.

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 > Layout.

2. Use range slider to choose between a page width of 1000px or 1600px. The default setting is 1600px.

3. [Optional] Add vertical space between sections with the range slider. You can add a maximum of 100px between sections.

4. [Optional] If you have a Grid layout, use the Horizontal space and Vertical space range slider to add space between grid content. Adding horizontal space will add a maximum of 40px of space to your rows, whereas adding vertical space will add a maximum of 40px of space to your columns.

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 > Layout.

2. Use range slider to choose between a page width of 1000px or 1600px. The default setting is 1600px.

3. [Optional] Add vertical space between sections with the range slider. You can add a maximum of 100px between sections.

4. [Optional] If you have a Grid layout, use the Horizontal space and Vertical space range slider to add space between grid content. Adding horizontal space will add a maximum of 40px of space to your rows, whereas adding vertical space will add a maximum of 40px of space to your columns.

5. Click Save.

Borders and shadows

You can adjust the borders and shadows of some interactive content types, such as buttons, variants, or quantity inputs.

Customizable options for borders are:

• Thickness, which changes the outline of the item.

• Opacity, which sets the visibility of the item outline.

• Corner radius, which rounds the corners of your items.

Options for shadows are:

• Opacity changes the visibility of the item's shadow. A shadow opacity of 0% removes the item shadow entirely.

• The Horizontal or Vertical offset range sliders move the location of the shadow around the item.

• Use the Blur range slider to change the opacity of the item's shadow.

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

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

常见问答(FQAS)

Shopify为商店提供了多种布局主题模板供选择。您可以自行设计布局结构,或者使用现有主题模板,修改部分设计元素来定制自己的商店。主要步骤是选择合适的主题模板,配置页面内容区和导航栏位置。

您可以在元素的CSS代码中添加border属性来给元素添加边框。例如border:1px solid #ccc可以给元素添加1像素宽度的灰色实线边框。更多细节可以参考CSS border属性文档。

使用CSS box-shadow属性可以给元素添加阴影效果。例如box-shadow:0px 0px 5px #ccc可以给元素添加一个5像素模糊的灰色阴影。支持设置阴影的位置、尺寸、颜色等多个参数。需要在元素样式中添加此属性即可。

是的,Shopify允许完全定制主题模板。您可以编辑模板文件来修改结构、样式、脚本等各个方面,定制自己需要的商店模板和界面效果。只要不改动模板功能原有逻辑即可。操作方法是登录Shopify后台,进入模板设置页面修改相关模板文件。