shopify商店模板布局、邊框和陰影設(shè)置步驟-ESG跨境

布局

通過(guò)布局，您可以設(shè)置的最大顯示寬度。

PC：

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

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

1. 點(diǎn)擊模板設(shè)置 > 布局。

2. 使用范圍滑塊在 1000px 或 1600px 的頁(yè)面寬度之間選擇。默認(rèn)設(shè)置為 1600px。

3. [可選] 使用范圍滑塊在分區(qū)之間添加垂直空間。您可以在分區(qū)之間最多添加 100px。

4. [可選] 如果您有網(wǎng)格布局，請(qǐng)使用水平空間和垂直空間范圍滑塊在網(wǎng)格內(nèi)容之間添加空間。添加水平空間最多會(huì)向行添加 40px 的空間，而添加垂直空間最多會(huì)向列添加 40px 的空間。

5. 點(diǎn)擊保存。

蘋果系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

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

3. 輕觸管理模板。

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

5. 輕觸編輯。

1. 點(diǎn)擊模板設(shè)置 > 布局。

2. 使用范圍滑塊在 1000px 或 1600px 的頁(yè)面寬度之間選擇。默認(rèn)設(shè)置為 1600px。

3. [可選] 使用范圍滑塊在分區(qū)之間添加垂直空間。您可以在分區(qū)之間最多添加 100px。

4. [可選] 如果您有網(wǎng)格布局，請(qǐng)使用水平空間和垂直空間范圍滑塊在網(wǎng)格內(nèi)容之間添加空間。添加水平空間最多會(huì)向行添加 40px 的空間，而添加垂直空間最多會(huì)向列添加 40px 的空間。

5. 點(diǎn)擊保存。

安卓系統(tǒng)：

1. 在  應(yīng)用中，輕觸商店。

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

3. 輕觸管理模板。

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

5. 輕觸編輯。

1. 點(diǎn)擊模板設(shè)置 > 布局。

2. 使用范圍滑塊在 1000px 或 1600px 的頁(yè)面寬度之間選擇。默認(rèn)設(shè)置為 1600px。

3. [可選] 使用范圍滑塊在分區(qū)之間添加垂直空間。您可以在分區(qū)之間最多添加 100px。

4. [可選] 如果您有網(wǎng)格布局，請(qǐng)使用水平空間和垂直空間范圍滑塊在網(wǎng)格內(nèi)容之間添加空間。添加水平空間最多會(huì)向行添加 40px 的空間，而添加垂直空間最多會(huì)向列添加 40px 的空間。

5. 點(diǎn)擊保存。

邊框和陰影

您可以調(diào)整某些交互式內(nèi)容類型的邊框和陰影，例如按鈕、多屬性或數(shù)量輸入。

邊框的可自定義選項(xiàng)包括：

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

• 不透明度，用于設(shè)置商品輪廓的可見(jiàn)性。

• 角半徑，用于對(duì)商品的角進(jìn)行圓滑處理。

陰影的選項(xiàng)包括：

• 不透明度會(huì)更改商品陰影的可見(jiàn)性。0% 的陰影不透明度會(huì)完全移除商品陰影。

• 水平或垂直偏移范圍滑塊會(huì)移動(dòng)商品周圍陰影的位置。

• 使用模糊范圍滑塊更改商品陰影的不透明度。

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.

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