On Sale Products
Add a gallery of sale products to the homepage for customers who want a bargain.
Before you start this tweak, it's a good idea to run through our preparation checklist below:
- Read through the Getting Started 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 template
Paste the following code into the template where you would like the element to appear. This is most commonly placed below the banner:
<!-- On Sale Products --> [%thumb_list type:'products' template:'' filter_category:'' filter_inpromo:'1' limit:'4'%] [%param *header%] <section class="row products-row" aria-label="Products on Sale"> <div class="col-12 text-center my-3"> <h2 class="mb-0">On Sale</h2> </div> [%/param%] [%param *footer%] </section> [%/param%] [%/thumb_list%]
Note: Ensure all products in promotion have a start/end date on each individual product and a promotion price that is lower than the store price.
Customising this Section
More information on how to customise this section can be found within the Thumb List Documentation.