網站地圖提示

以下提示可幫助您改進使用 Supply 時商店的網站地圖體驗。

添加下拉菜單

若要在您的主菜單中添加下拉菜單，需要在導航頁面上創建菜單。

主菜單最佳做法

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

• 使您的網站導航鏈接更小。這些鏈接的字號由字體設置中的主菜單字號控制。

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

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

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

刪除側邊欄

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

PC：

1. 在 Shopify 后臺中，轉到在線商店 > 模板。

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. 點擊保存。

蘋果系統：

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

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. 點擊保存。

安卓系統：

1. 在  應用中，輕觸商店。

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. 點擊保存。

產品提示

以下提示可幫助您使用 Supply 展示產品。

使用高級組篩選

如果您有許多產品，您可以啟用子組來幫助您的客戶對產品進行排序。

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

2. 將所有產品導出為 .csv 文件。

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

4. 保存 .csv 文件，并將產品重新導入您的商店。確保在上傳文件時選擇替換具有相同 handle 的任何現有產品，以防止創建重復的產品。

5. 在產品系列頁面上啟用按組篩選：

1. 在 Shopify 后臺中，轉到在線商店 > 模板。

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

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

4. 點擊產品系列分區。

5. 在側邊欄產品篩選條件下，選擇按組。

6. 點擊保存。

備注：如果在產品標簽內使用單引號、雙引號或“＆”符號，則分組篩選無法按預期工作。

重新排序篩選器組和標簽

組按字母順序排序，組內列出的標簽也按此順序排序。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.

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