shopify商店模板自定义内容容器和媒体文件步骤

内容容器

容器是内容分区的文本部分，例如幻灯片上的文本框、图片横幅或多列分区中的列。您可以自定义在线商店的内容容器的外观。

自定义内容容器

PC:

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

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

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

苹果系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

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

安卓系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

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

媒体

媒体文件是分区的视觉组件，例如产品媒体文件或“带文本图片”分区中的图片。您可以向媒体文件添加边框和阴影。

自定义媒体文件

PC：

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

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

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

苹果系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

6.点击模板设置。7. 点击媒体文件。8. 使用滑动标尺更改媒体文件边框的外观。9. 使用滑动标尺更改媒体文件阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存。

安卓系统：

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

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

3. 轻触管理模板。

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

5. 轻触编辑。

6.点击模板设置。7. 点击媒体文件。8. 使用滑动标尺更改媒体文件边框的外观。9. 使用滑动标尺更改媒体文件阴影。将阴影不透明度设置为 0% 会移除阴影。10. 点击保存。

Shopify商户官网原文详情：

Content containers

Containers are the text portion of content sections, for example, the text box on a slideshow, an image banner, or the columns in multicolumn sections. You can customize the appearance of content containers for your online store.

Customize content containers

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 Content containers.

3. Use the sliding scales to change the appearance of your content container Border.

4. Use the sliding scales to change the content container 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 Content containers.

3. Use the sliding scales to change the appearance of your content container Border.

4. Use the sliding scales to change the content container 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 Content containers.

3. Use the sliding scales to change the appearance of your content container Border.

4. Use the sliding scales to change the content container Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

Media

Media is the visual component of sections, for example, product media or the image in Image with Text sections. You can add borders and shadows to your media.

Customize media

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

3. Use the sliding scales to change the appearance of your media Border.

4. Use the sliding scales to change the media 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 Media.

3. Use the sliding scales to change the appearance of your media Border.

4. Use the sliding scales to change the media 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 Media.

3. Use the sliding scales to change the appearance of your media Border.

4. Use the sliding scales to change the media Shadow. Setting the shadow opacity to 0% removes the shadow.

5. Click Save.

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

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

常见问答(FQAS)

你可以通过添加 liquid 标签到模板中来定义内容容器和媒体文件。例如:{{ 'section' | liquid }} 标签可以定义内容区域,{{'image' | liquid}} 标签可以添加图片。

是的,你可以通过为容器和元素添加 CSS 类来自定义它们的样式。例如给内容容器添加'.section'类,然后在CSS文件中为这个类定义样式规则。

你可以使用{{ 'script' | liquid }}标签在模板里定义JS代码块。示例:{{ 'script' | liquid }} $(document).ready(function(){ // jQuery code here }); {{ '/script' | liquid }}

大多数商店模板都允许定制修改,但程度不尽相同。一般来说,你可以更改模板CSS和添加一定的JS/liquid代码,但不建议修改模板主体结构。最好先查看模板说明了解其定制限制。