Description
- adding breadcrumbs to Product Category Page
- view demo – password: abc
- buy me a coffee
#1. Install Code
#1.1. Click Gear icon on Store Page
Next, click Advanced > Page Header Code Injection
#1.2. Add this code to right box
<!-- 09.26c10v1 Product Category Page Breadcrumbs -->
<script>
window.TPCategoryBreadcrumbConfig = {
targetSelector: '.product-list-layout-container',
position: 'above',
align: 'left',
separator: ' › ',
showShop: true,
customShopURL: '',
showAncestors: true,
spaceBelow: '20px',
};
</script>
<script src="https://code.beaverhero.com/store/0926c10v1productcategorybreadcrumbs.js"></script>
#2. Customize
#2.1. To disable “Shop” or “Store” in breadcrumbs, adjust line 08
- true = enable
- false = disable
showShop: true,
#2.2. To change “Shop” to custom url, change line 09
customShopURL: '',
#2.3. To change space under breadcrumbs, change line 11
spaceBelow: '20px',