適用于shopify商店Supply的技巧（二）-ESG跨境

網(wǎng)站地圖提示

以下提示可幫助您改進(jìn)使用 Supply 時商店的網(wǎng)站地圖體驗。

添加下拉菜單

若要在您的主菜單中添加下拉菜單，需要在導(dǎo)航頁面上創(chuàng)建菜單。

主菜單最佳做法

如果主菜單中的項目太多，無法放在同一行上，則最后無法放入的鏈接會被添加到更多下拉菜單中。此行為不受主菜單中鏈接數(shù)量的嚴(yán)格控制，但將鏈接數(shù)量控制在五或六個會有所幫助。要包含更多鏈接，您可以執(zhí)行以下操作：

• 使您的網(wǎng)站導(dǎo)航鏈接更小。這些鏈接的字號由字體設(shè)置中的主菜單字號控制。

• 對每個鏈接使用較少的字符。例如，您可以將“常見問題解答”更改為“FAQ”，將“聯(lián)系我們”更改為“聯(lián)系”，將“產(chǎn)品目錄”更改為“商店”，并將出現(xiàn)的所有“和”更改為“＆”。

網(wǎng)站地圖中包含太多項目可能會使您的網(wǎng)站難以使用。若菜單項太多，您的客戶可掃描過去的重要項目。嘗試將網(wǎng)站地圖限制為五個或六個項目。如果要提供對超過六個頁面的訪問，請使用下拉菜單。

您應(yīng)該避免從主菜單向每個系列添加鏈接。相反，請嘗試在“商店”或“目錄”鏈接下的下拉菜單中列出產(chǎn)品系列。您還可以將產(chǎn)品系列分解為組，并為每個組提供一個下拉菜單?；蛘撸梢允褂卯a(chǎn)品標(biāo)簽來創(chuàng)建產(chǎn)品的子類別。

刪除側(cè)邊欄

要從商店中刪除側(cè)邊欄，您需要在兩個模板文件中添加一些代碼。

PC：

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

2. 找到要編輯的模板，然后點擊操作 > 編輯代碼。

1. 在 Sections 目錄中，點擊 collection-template.liquid。

2. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

2. 在 Sections 目錄中，點擊 collection-list-template.liquid。

3. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

蘋果系統(tǒng)：

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

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

3. 輕觸 Manage themes（管理模板）。

4. 找到要編輯的模板，然后點擊操作 > 編輯代碼。

1. 在 Sections 目錄中，點擊 collection-template.liquid。

2. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

2. 在 Sections 目錄中，點擊 collection-list-template.liquid。

3. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

安卓系統(tǒng)：

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

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

3. 輕觸 Manage themes（管理模板）。

4. 找到要編輯的模板，然后點擊操作 > 編輯代碼。

1. 在 Sections 目錄中，點擊 collection-template.liquid。

2. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

2. 在 Sections 目錄中，點擊 collection-list-template.liquid。

3. 在文件中查找 has_sidebar。刪除以下代碼行：

{% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

1. 點擊保存。

產(chǎn)品提示

以下提示可幫助您使用 Supply 展示產(chǎn)品。

使用高級組篩選

如果您有許多產(chǎn)品，您可以啟用子組來幫助您的客戶對產(chǎn)品進(jìn)行排序。

1. 定義組。對于相機(jī)商店，可以按品牌、焦距和分辨率來組織分組。

2. 將所有產(chǎn)品導(dǎo)出為 .csv 文件。

3. 在所有現(xiàn)有標(biāo)記前面加上您希望它們所在的組的名稱，采用 Group_Tag Name 的格式。對于此示例，一些將為 Brand_Canon、Focal Length_18 - 55mm 和 Resolution_12 MP。下劃線的左側(cè)是組名稱，右側(cè)是產(chǎn)品的標(biāo)簽。下劃線的兩側(cè)均可包含空格。

4. 保存 .csv 文件，并將產(chǎn)品重新導(dǎo)入您的商店。確保在上傳文件時選擇替換具有相同 handle 的任何現(xiàn)有產(chǎn)品，以防止創(chuàng)建重復(fù)的產(chǎn)品。

5. 在產(chǎn)品系列頁面上啟用按組篩選：

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

2. 在 Supply 旁邊，點擊自定義。

3. 在頁面頂部的下拉菜單或模板菜單中，選擇產(chǎn)品系列頁面。

4. 點擊產(chǎn)品系列分區(qū)。

5. 在側(cè)邊欄產(chǎn)品篩選條件下，選擇按組。

6. 點擊保存。

備注：如果在產(chǎn)品標(biāo)簽內(nèi)使用單引號、雙引號或“＆”符號，則分組篩選無法按預(yù)期工作。

重新排序篩選器組和標(biāo)簽

組按字母順序排序，組內(nèi)列出的標(biāo)簽也按此順序排序。Shopify 專家可以幫助您自定義訂單。

Navigation tips

The following tips can help you improve your store's navigation when using Supply.

Add a drop-down menu

To add drop-down menus to your main menu, you need to create menus on your Navigation page.

Main menu best practices

If there are too many items in your main menu to fit on one line, then the last links that don't fit are added to a More drop-down menu.This behavior isn't controlled strictly by the number of links in your main menu, although keeping that 

number down to five or six helps. To include more links, you can:

• Make your navigation links smaller. The font size of these links is controlled by the Main menu font size in your typography settings.

• Use fewer characters for each link. For example, you can change 'Frequently Asked Questions' to 'FAQ', 'Contact Us' to 'Contact', 'Catalog' to 'Shop', and all occurrences of 'and' to '&'.

Having too many items in your navigation can make your site hard to use. With too many menu items, your customers could scan past important items. Try limiting your navigation to five or six items. Use drop-down menus if you want to give access to more than six pages.

You should avoid adding links to every collection from the main menu. Instead, try listing collections in a drop-down menu under a 'Shop' or 'Catalog' link. You could also break down the collections into groups, giving each group a drop-down menu. Or you can use product tags to create subcategories of products.

Remove the sidebar

To remove the sidebar from your store, you need to add some code to two of your theme files.

PC：

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

2. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Sections directory, click collection-template.liquid.

2. Find has_sidebar in the file. Delete the following lines of code:

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

3. Click Save.

4. In the Sections directory, click collection-list-template.liquid.

5. Find has_sidebar in the file. Delete the following lines of code:

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

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. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Sections directory, click collection-template.liquid.

2. Find has_sidebar in the file. Delete the following lines of :

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

3. Click Save.

4. In the Sections directory, click collection-list-template.liquid.

5. Find has_sidebar in the file. Delete the following lines of code:

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

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. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Sections directory, click collection-template.liquid.

2. Find has_sidebar in the file. Delete the following lines of code:

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

3. Click Save.

4. In the Sections directory, click collection-list-template.liquid.

5. Find has_sidebar in the file. Delete the following lines of code:

   {% if collection.all_tags.size > 0 %}   {% assign has_sidebar = true %} {% endif %}

6. Click Save.

Product tips

The following tips help you showcase your products using Supply.

Use advanced group filtering

If you have a lot of products, then you can enable subgroups to help your customers sort your products.

1. Define your groups. For a camera store, groups could be organized as Brand, Focal Length, and Resolution.

2. Export all your products into a .csv file.

3. Prepend all existing tags with the name of the group you want them to be in, with the format Group_Tag Name. For this example, some of the tags would be Brand_Canon, Focal Length_18 - 55mm, and Resolution_12 MP. The left side of the underscore is the group name, and the right side is the tag for the product. Spaces can be included on either side of the underscore.

4. Save your .csv file and import the products back into your store. Make sure you select Replace any current products that have the same handle when uploading the file to prevent duplicate products from being created.

5. Enable filtering by group on your collection pages:

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

2. Next to Supply, click Customize.

3. From the drop-down menu at the top of the page or Templates menu, select Collection pages.

4. Click the Collection section.

5. Under Sidebar product filters, select By group.

6. Click Save.

le quotes or ampersands inside your product tags, then grouped filtering doesn't work as expected.

Reorder filter groups and tags

Groups are ordered alphabetically, and so are the tags listed inside the groups. A Shopify expert can help you customize the order.

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