How to Create a “Sales End In” Count down timer in a Magento2 Category Landing Page


1

 

There are client requirements that we come across where we need to create Countdown timers for specific Categories or products. This tutorial will show you how to create a one using Magento 2 Built-in functionality.

Let’s assume that we need to have a promotion call “Hot Deals” and need to have selected products to this offer and we need to have “Sales End In” Countdown timer on top of the products.

Step 1. Creating a new category Call “Hot Deals”

  • Go to Product -> Categories
  • Click on a desired main category and select “sub category” to add a new sub category
  • Give a title as Hot Deals

 

2

 

  • Go to “Category Product” tab
  • Click “add product” button.
  • Select product from the popup and click “Save and Close”
  • Save Category

 

3

 

Step 2. Creating a new event to have the countdown functionality

  • Go to Marketing -> Events – and click “Add Catalog Event”

 

4

 

  • Select the “Hot Deals” category from the list which is where we want the countdown to be appeared. Then you will directed to Catalog Event Information page.

 

5

 

  • Select Start date and End Date with time.
  • If you need you can upload an image to the event
  • Tick to Display Countdown Ticker on Category page and save the event

You are ready to go.

  • Go to the “Hot Deals” category page form the front end.
  • You will see nice count down timer on top of the product list.

 

1

 

  • You can play with the option on the event page for more customization

S.S.Niranga

Senior Tech Lead at Netstarter PTY ltd. Magento Certified Front End Developer, Certified ScrumMaster, Microsoft Certified Professional, Member of British Computer Society

One Response to “How to Create a “Sales End In” Count down timer in a Magento2 Category Landing Page”

  1. <path_to_url> sindhu

    In the catalog information, I uploaded the image . but it doesn’t showed up . where can I find that?
    Thanks in advance.

    Reply

Leave a Reply

  • (will not be published)