On Sale Products

Add a gallery of items on sale for customers who want to get a bargain.

Wireframe

On Sale Products


Preparation Checklist

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.

Coding Instructions

Step 1: Open the Homepage template

The homepage template can be found here /httpdocs/assets/themes/[THEME-NAME]/templates/cms/home.template.html.

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%]

Customising this Section

More information on how to customise this section can be found within the Thumb List Documentation.


Please 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.


Was this article useful?

Be notified when this page is updated. Optional.