How To: Create the Products on Sale Block

The On Sale block on the homepage.

The discounted products block, or the “On Sale” block helps users quickly see discounted items and make purchasing decisions more easily. It also increases engagement with the store and encourages repeat visits.

To create this block (if you do not have one) on the homepage:

  1. In the Admin panel, go to Website → Themes → Layouts and switch to Homepage.

  2. Click the + button in the necessary container and click Add block.

    Adding a block
  3. Open the Create New Block tab and select Products:

    Selecting Products for a new block
  4. Enter the name of the new block (e.g. On Sale) and click the Create button.

  5. Click the gear icon of the created block:

    A gear icon for editing block properties
  6. In the dialog that will open:

    • Select Scroller in the Template field.
    • Specify the desired wrapper in the Wrapper field.
    • If necessary, specify the desired CSS-class in the User-defined CSS-class
    The General tab in the block editing dialog
  7. Switch to the Content tab and select On Sale in the Filling field. If necessary, specify the number of items to show and product categories.

    The Content tab in the block editing dialog
  8. Click Save.

Note

After the block is created or changed, make sure it is displayed correctly. Sometimes not all wrappers are suitable for a specific block type.