Promotion deals

This is offer related section in this section product image , price, countdown timer are used.

Setting
Description

Layout

Customization of the "Layout" in this section is as follows:

  • Full width

  • Grid

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6 and so on.

Show inner shadow

By enabling this, you can see inner shadow color option and it will show inner shadow also. Shadow color Select shadow color to highlight the section.

Heading

Display heading beside the cards Enable this setting and show heading description, button, timer beside products. Icon Select icon to display with content heading. Text

Enter text to defines the main heading of the section. Uppercase text

Enable setting and get heading font in uppercase style.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

  • Extra large

Description Enter text to defines the description of the section.

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Card product timer

Add date to the particular product using metafield.

Show section countdown By enabling this checkbox, you can show section countdown.

Color scheme In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6 and so on.

Corner radius "Corner radius" is to customize the corner. You can show a minimum of “0” and a maximum of “50” corner radius.

Text Enter text to show product timer title. End date The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2026/10/05.

Card

Display type

Customization of this setting are given below:

  • Grid

  • Carousel

Collection Select a collection to display products in the section. Number of columns on desktop "Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “7” products. Image ratio Customization of this setting are given below:

  • Adapt to image

  • Portrait

  • Square

Alignment

Customization of "Alignment" in all devices is as follows:

  • Left

  • Center

  • Right

Show background and border By enabling this checkbox, you can see color scheme for product and add border and background to the all products. Card color scheme Set background and foreground color in product card.

Carousel

Style

The style of the navigation that appears below the images:

  • None

  • Dots

  • Arrows

Enable autoplay

Enable this checkbox to automatically rotate the images in the promotion deals. Autoplay interval Use the bar to set the auto-rotate time of the product slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Add Image

Click on "Add image" to add image block in this section.

Setting
Description

Image

Select image to show image as product image.

Link

Add link to that product that you want to display

Caption

Enter text for product caption.

Price

Enter price for product.

Icon

Select icon to display with price block.

Price and icon color

Select text color for price and icon.

Last updated