shopify商店Express向主页添加多列和页面步骤-ESG跨境

shopify商店Express向主页添加多列和页面步骤

shopify新闻

2022-03-28

819

版本 1.11.0+

多列

版本 1.11.0+

使用 Express，您可以添加包含多列内容的分区。您最多可以向每个多列分区添加四列。

多列分区包括以下设置：

列设置

图片 - 向列添加图片。
标题 - 向该列添加主要文本。
文本 - 向列添加辅助文本。

分区设置

标题 - 为分区添加主要文本。
按钮 - 添加您希望在按钮上显示的文本。
按钮链接 - 设置您希望按钮链接到的 URL 或页面。粘贴 URL 或从菜单中选择一个页面。如果您不想在分区中包含按钮，请将此字段留空。

布局选项

对齐方式 - 选择每列元素的对齐方式。
移动布局 - 选择分区中的列在移动设备上是堆叠显示还是在网格中显示。
图片大小 - 选择列中图片的大小。
保持图片比 - 选择此选项以防止裁剪所选图片。如果未选中此选项，图片将被裁剪为正方形。
启用辅助背景和文本颜色 - 选择此选项可对标题和文本使用辅助背景文本颜色，以及对分区使用辅助背景色。可以在模板设置中修改这些颜色。

向主页添加多列分区

PC：

在后台中，转到在线商店 > 模板。
点击分区旁边的自定义。

点击添加分区。
点击**多列**，然后点击**选择**。
点击添加列以向该分区添加列。
点击内容分区中的列，向该列添加内容。
使用设置来自定义分区。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在分区旁边，轻触自定义。
轻触编辑。

点击添加分区。
点击**多列**，然后点击**选择**。
点击添加列以向该分区添加列。
点击内容分区中的列，向该列添加内容。
使用设置来自定义分区。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在分区旁边，轻触自定义。
轻触编辑。

点击添加分区。
点击**多列**，然后点击**选择**。
点击添加列以向该分区添加列。
点击内容分区中的列，向该列添加内容。
使用设置来自定义分区。
点击保存。

页面

版本 1.10.0+

您可以在主页上展示页面的富文本内容。您可以使用此部分来显示商店政策页面或关于我们页面的内容。

即使应用了其他模板，此分区也始终使用默认页面模板。例如，如果您向该分区添加了一个使用 page.contact 的联系我们页面模板，该模板中的交互式字段便不会显示在上。您添加到该页面的标题和内容框的任何信息都将显示在该分区中。

将“页面”分区添加到主页

PC：

在 Shopify 中，转到在线商店 > 模板。
点击分区旁边的自定义。

点击添加分区。
点击页面，然后点击选择。
在页面区域中，点击选择页面。
选择要显示其内容的页面，然后点击选择。您只能从当前可见的页面中进行选择。如果您需要创建新页面，请选择创建页面。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在分区旁边，轻触自定义。
轻触编辑。

点击添加分区。
点击页面，然后点击选择。
在页面区域中，点击选择页面。
选择要显示其内容的页面，然后点击选择。您只能从当前可见的页面中进行选择。如果您需要创建新页面，请选择创建页面。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在分区旁边，轻触自定义。
轻触编辑。

点击添加分区。
点击页面，然后点击选择。
在页面区域中，点击选择页面。
选择要显示其内容的页面，然后点击选择。您只能从当前可见的页面中进行选择。如果您需要创建新页面，请选择创建页面。
点击保存。

Multi-column
Version 1.11.0+
With Express, you can add a section with multiple columns of content. You can add up to four columns to each multi-column section.
The multi-column section includes the following settings:
Column settings
Image - Add an image to the column.
Heading - Add primary text to the column.
Text - Add secondary text to the column.
Section settings
Heading - Add primary text for the section.
Button label - Add the text that you want to appear on the button.
Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you don't want to include a button in the section, then leave this field empty.
Layout options
Alignment - Select the alignment for the elements in each column.
Mobile layout - Choose whether the columns in the section appear stacked or in a grid on mobile devices.
Image size - Select the size of the images the columns.
Keep image ratio - Select this option to prevent your selected images from being cropped. If you leave this option unchecked, then images are cropped into a square.
Enable secondary background and text color - Select this option to use the secondary background text color for the headings and text, and the secondary background color for the section. These colors can be modified in the theme settings.
Add a multi-column section to your home page
PC：
From your Shopify admin, go to Online Store > Themes.
Next to Express, click Customize.
Click Add section.
Click **Multi-column*, and then click **Select**.
Click Add column to add a column to the section.
Click on the column in the Content section to add content to the column.
Use the settings to customize the section.
Click Save.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Express, tap Customize.
Tap Edit.
Click Add section.
Click **Multi-column*, and then click **Select**.
Click Add column to add a column to the section.
Click on the column in the Content section to add content to the column.
Use the settings to customize the section.
Click Save.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Express, tap Customize.
Tap Edit.
Click Add section.
Click **Multi-column*, and then click **Select**.
Click Add column to add a column to the section.
Click on the column in the Content section to add content to the column.
Use the settings to customize the section.
Click Save.
Page
Version 1.10.0+
You can feature the rich text content of a page on your home page. You might use this section to feature content from a store policies page or an about us page.
This section always uses the default page template, even if a different template is applied. For example, if you add a contact us page that uses a page.contact template to the section, then the interactive fields from that template don't appear on the home page. Any information you add to the Title and Content boxes for the page appears in the section.
Add a Page section to your home
PC：
From your Shopify admin, go to Online Store > Themes.
Next to Express, click Customize.
Click Add section.
Click Page, and then click Select.
In the Page area, click Select page.
Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.
Click Save.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Express, tap Customize.
Tap Edit.
Click Add section.
Click Page, and then click Select.
In the Page area, click Select page.
Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.
Click Save.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Express, tap Customize.
Tap Edit.
Click Add section.
Click Page, and then click Select.
In the Page area, click Select page.
Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.
Click Save.