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

shopify商店Express向主頁添加多列和頁面步驟

shopify新聞
shopify新聞
2022-03-28
點贊icon 0
查看icon 839

版本 1.11.0+

多列

版本 1.11.0+

使用 Express,您可以添加包含多列內(nèi)容的分區(qū)。您最多可以向每個多列分區(qū)添加四列。

多列分區(qū)包括以下設(shè)置:

列設(shè)置

  • 圖片 - 向列添加圖片。

  • 標題 - 向該列添加主要文本。

  • 文本 - 向列添加輔助文本。

分區(qū)設(shè)置

  • 標題 - 為分區(qū)添加主要文本。

  • 按鈕 - 添加您希望在按鈕上顯示的文本。

  • 按鈕鏈接 - 設(shè)置您希望按鈕鏈接到的 URL 或頁面。粘貼 URL 或從菜單中選擇一個頁面。如果您不想在分區(qū)中包含按鈕,請將此字段留空。

布局選項

  • 對齊方式 - 選擇每列元素的對齊方式。

  • 移動布局 - 選擇分區(qū)中的列在移動設(shè)備上是堆疊顯示還是在網(wǎng)格中顯示。

  • 圖片大小 - 選擇列中圖片的大小。

  • 保持圖片比 - 選擇此選項以防止裁剪所選圖片。如果未選中此選項,圖片將被裁剪為正方形。

  • 啟用輔助背景和文本顏色 - 選擇此選項可對標題和文本使用輔助背景文本顏色,以及對分區(qū)使用輔助背景色??梢栽谀0逶O(shè)置中修改這些顏色。

向主頁添加多列分區(qū)

PC:

  1. 在 后臺中,轉(zhuǎn)到在線商店 > 模板。

  2. 點擊 分區(qū) 旁邊的自定義

  1. 點擊添加分區(qū)。

  2. 點擊**多列**,然后點擊**選擇**。

  3. 點擊添加列以向該分區(qū)添加列。

  4. 點擊內(nèi)容分區(qū)中的列,向該列添加內(nèi)容。

  5. 使用設(shè)置來自定義分區(qū)。

  6. 點擊保存

蘋果系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

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

  3. 輕觸 Manage themes(管理模板)。

  4. 在 分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊添加分區(qū)。

  2. 點擊**多列**,然后點擊**選擇**。

  3. 點擊添加列以向該分區(qū)添加列。

  4. 點擊內(nèi)容分區(qū)中的列,向該列添加內(nèi)容。

  5. 使用設(shè)置來自定義分區(qū)。

  6. 點擊保存

安卓系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

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

  3. 輕觸 Manage themes(管理模板)。

  4. 在 分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯

  1. 點擊添加分區(qū)。

  2. 點擊**多列**,然后點擊**選擇**。

  3. 點擊添加列以向該分區(qū)添加列。

  4. 點擊內(nèi)容分區(qū)中的列,向該列添加內(nèi)容。

  5. 使用設(shè)置來自定義分區(qū)。

  6. 點擊保存。

頁面

版本 1.10.0+

您可以在主頁上展示頁面的富文本內(nèi)容。您可以使用此部分來顯示商店政策頁面或關(guān)于我們頁面的內(nèi)容。

即使應用了其他模板,此分區(qū)也始終使用默認頁面模板。例如,如果您向該分區(qū)添加了一個使用 page.contact 的聯(lián)系我們頁面模板,該模板中的交互式字段便不會顯示在上。您添加到該頁面的標題內(nèi)容框的任何信息都將顯示在該分區(qū)中。

將“頁面”分區(qū)添加到主頁

PC:

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

  2. 點擊 分區(qū) 旁邊的自定義。

  1. 點擊添加分區(qū)

  2. 點擊頁面,然后點擊選擇。

  3. 頁面區(qū)域中,點擊選擇頁面。

  4. 選擇要顯示其內(nèi)容的頁面,然后點擊選擇。您只能從當前可見的頁面中進行選擇。如果您需要創(chuàng)建新頁面,請選擇創(chuàng)建頁面。

  5. 點擊保存。

蘋果系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

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

  3. 輕觸 Manage themes(管理模板)。

  4. 在 分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊添加分區(qū)

  2. 點擊頁面,然后點擊選擇。

  3. 頁面區(qū)域中,點擊選擇頁面。

  4. 選擇要顯示其內(nèi)容的頁面,然后點擊選擇。您只能從當前可見的頁面中進行選擇。如果您需要創(chuàng)建新頁面,請選擇創(chuàng)建頁面

  5. 點擊保存。

安卓系統(tǒng):

  1. 在 Shopify 應用中,輕觸商店。

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

  3. 輕觸 Manage themes(管理模板)。

  4. 在 分區(qū) 旁邊,輕觸自定義。

  5. 輕觸編輯。

  1. 點擊添加分區(qū)

  2. 點擊頁面,然后點擊選擇。

  3. 頁面區(qū)域中,點擊選擇頁面。

  4. 選擇要顯示其內(nèi)容的頁面,然后點擊選擇。您只能從當前可見的頁面中進行選擇。如果您需要創(chuàng)建新頁面,請選擇創(chuàng)建頁面

  5. 點擊保存。

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:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Express, click Customize.

  1. Click Add section.

  2. Click **Multi-column*, and then click **Select**.

  3. Click Add column to add a column to the section.

  4. Click on the column in the Content section to add content to the column.

  5. Use the settings to customize the section.

  6. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click **Multi-column*, and then click **Select**.

  3. Click Add column to add a column to the section.

  4. Click on the column in the Content section to add content to the column.

  5. Use the settings to customize the section.

  6. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click **Multi-column*, and then click **Select**.

  3. Click Add column to add a column to the section.

  4. Click on the column in the Content section to add content to the column.

  5. Use the settings to customize the section.

  6. 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:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Express, click Customize.

  1. Click Add section.

  2. Click Page, and then click Select.

  3. In the Page area, click Select page.

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

  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. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Page, and then click Select.

  3. In the Page area, click Select page.

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

  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. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Page, and then click Select.

  3. In the Page area, click Select page.

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

  5. Click Save.



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

搜索 放大鏡
韓國平臺交流群
加入
韓國平臺交流群
掃碼進群
歐洲多平臺交流群
加入
歐洲多平臺交流群
掃碼進群
美國賣家交流群
加入
美國賣家交流群
掃碼進群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
ESG獨家招商-PHH GROUP賣家交流群
加入
ESG獨家招商-PHH GROUP賣家交流群
掃碼進群
《TikTok官方運營干貨合集》
《TikTok綜合運營手冊》
《TikTok短視頻運營手冊》
《TikTok直播運營手冊》
《TikTok全球趨勢報告》
《韓國節(jié)日營銷指南》
《開店大全-全球合集》
《開店大全-主流平臺篇》
《開店大全-東南亞篇》
《CD平臺自注冊指南》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務
運營實操指導
運營提效資源福利
平臺官方專屬優(yōu)惠

立即登記,定期獲得更多資訊

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯(lián)系在線顧問

icon icon

小程序

微信小程序

ESG跨境小程序
手機入駐更便捷

icon icon

返回頂部

【免費領(lǐng)取】全球跨境電商運營干貨 關(guān)閉