Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ecomus - Discount Collection

Harry

Written by Harry

Last updated

729 views

On this page


You would like to have a section Deals Of The Day - Discount Collection look just like this. Follow this article to know how.

2024-01-19_15-43-40.png

1. How to configure the Deals Of The Day section?

1.1. Add custom meta fields

To have the feature like above, you need to configure the product meta fields first. Follow the article Countdown and Product Stock to learn how.

After configuring meta fields, the product stock and countdown will show on design 2 and design 3.

2024-01-19_16-54-59.png

1.2. Discount Collection Options

  • Heading options: You can adjust these features for heading: Heading align, Heading, Heading tag, and Distance between heading items.

2024-01-22_13-52-17.png
  • General options:

    • Select Collection: Select the collection of products you would like to show.

    2024-01-22_13-54-10.png
    • Products list: Select the products you would like to show. If you utilize this option, the Selection Collection feature will be replaced.

    • Product design: Choose a design for the product items.

    • Image ratio: Change the ratio of the image.

    • Full image: This option is only applied for the image that has a size smaller than its container.

    • Show vendor: Show product vendor.

  • Product layout:

    • Maximum items to show: Limit the amount of products to show.

    • Items per row: Limit the amount of product to show in a row, this option can be applied to desktop, tablet, and mobile.

  • Slider settings:

    • Use the prev/next button and dots.

    • Navigation design: Change the prev/next button design: Default, Outline, and Simple.

    • Navigation position: You can put in outside or inside content.

  • Options for layout section:

    • Enable section full-width: choose the spacing between the heading and subheading.

    • Color scheme: Change the colors of the section by the configured scheme color, learn more here.

    • Box layout: There are 2 layouts you can choose from. The image below is the Box Layout 2.

    2024-01-22_14-03-19.png
    • Section padding: Determine the top and bottom padding on both desktop and mobile.

3. Discount Collection content

You can add Countdown Time to this section, and have the ability to adjust the time from minute to year.

2024-01-22_14-00-43.png

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.