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

布局

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

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. 在  应用中，轻触商店。

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

3. 轻触管理模板。

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

5. 轻触编辑。

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

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

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

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

5. 点击保存。

边框和阴影

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

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

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

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

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

阴影的选项包括：

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

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

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

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

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