You can add a "Category" Navigation Bar to your Shop's page to make it easier for customers to browse the different products you offer.
To get started, you will add an HTML block to the page on your Websites 360® site where your Shop is embedded. This will display a horizontal category list on all pages, making navigation through larger stores more user-friendly.
To add the "Category" navigation bar:
1. Navigate to the Content panel on your Websites 360® dashboard, then navigate to the page that contains your Store embed code.
2. Above the Shop embed code, click on the (+) button and select HTML from the menu to create a new HTML Block.
3. Add the following code inside the HTML Block inside the text area next to the number 1:
<!--CATEGORY NAVIGATION-->
<div id="my-categories-xxxxxxxx"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.shop.websites360.com/script.js?xxxxxxx&data_platform=code" charset="utf-8"></script>
<script type="text/javascript"> xCategoriesV2("id=my-categories-xxxxxxxx"); </script>
</div>
4. Replace 'xxxxxxxx' in the code with your Store ID. Pro Tip: Use the Find & Replace feature!
You can find your store ID in your Shop App dashboard. Click Shop App from the Marketing 360 dashboard or from the App Menu near the top left corner of the page.
5. Save the HTML block and Publish your site.
Comments
0 comments
Article is closed for comments.