Display a list of featured brand logos to increase customer confidence through recognition. When clicking on a logo, customers will be taken to a category page that shows all products identified with the brand. A "view all brands" link is also in place, which will take you to a newly created page that shows all brands.
Before you start this tweak, it's a good idea to run through our Preparation Checklist below:
- Read through the Introduction to Neto Document to get a better sense of how the Control Panel, Database and Front End store interact.
- Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
- Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.
Step 1: Open the Homepage Template
The homepage template can be found here
Step 2: Add the Code into the template
Paste the following code into the template where you would like the element to appear. This is most commonly placed below the banner:
<!-- Featured Brands --> [%thumb_list type:'content' content_type:'brand' limit:'6' filter_content:'' sortby:'sortorder'%] [%param *header%] <section class="featured-brands row text-center my-3" aria-label="Featured Brands"> <div class="col-12"> <h2>Featured Brands</h2> <div class="row align-items-center mb-2"> [%/param%] [%param *body%] <div class="brand-item col-6 col-md-4 col-lg-2"> <a href="[@URL@]"> <img class="img-fluid" src="[%ASSET_URL type:'content' id:'[@content_id@]'%][%param default%][%cdn_asset html:'0' library:'images'%]default_product.gif[%/cdn_asset%][%/param%][%/ASSET_URL%]" alt="[@content_name@]"/> </a> </div> [%/param%] [%param *footer%] </div> <a href="[%url type:'content' id:'100'/%]">Show All Brands</a> </div> </section> [%/param%] [%/thumb_list%]
Step 3. Create a Brands Page
Learn how to set up a brands page which the 'Show All Brands' will link to here.
Please Note: The ID for the "Show All Brands" link will need to be substituted with the ID created in step 2, instead of 100.
<a href="[%url type:'content' id:'100'/%]">Show All Brands</a>
Customising this Section
More information on how to customise this section can be found within the Thumb List Documentation.