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

Header background

Kalles - Featured collection

Mie Tran

Written by Mie Tran

Last updated

732 views

On this page


Here is an amazing section that will help you to show a Product collection, Heading title and you can choose the grid, carousel, or masonry layout for this section.

2023-05-23_14-46-28.gif

It is usually located on Homepage. However, Shopify 2.0 allows you to add the Featured Collection section to any pages that you wanna use.

Steps: In the theme editor (Customize) > Add section > Featured Collection > Save.

2023-05-18_15-14-48.gif

1. HEADING OPTIONS

You can change Heading design, Heading align, Subheading and Space bottom.

heading.gif

2. GENERAL OPTIONS

  • Collection: Select a collection that you want to show in this section.

  • Product item design: you can choose the design for product items and Show product vendors, Show product countdown.

You can config the countdown by following this document.

general.gif

OPTIONS IMAGE PRODUCTS

  • you can change Image ratio, Image size, Image position.

  • Product content align: set text align for text content of product.

  • Maximum products to show, Items per row and Space between items (horizontal and vertical)

image.gif

3. BOX OPTIONS

  • Layout design: You can choose Grid, Carousel or Masonry layout.

OPTIONS FOR CAROUSEL LAYOUT

  • you can Enable loop, config Autoplay speed

  • Prev next buttons: enable them and change Visible, Button style, Button color, Button size, etc...

  • Page dots: enable and change some styles

carousel1.gif

OPTIONS FOR GRID OR MASONRY LAYOUT

  • Pagination: You can choose among Load more button, View all button, or None. You also have some options to config for this button

Please follow check this video below for details:

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

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

We highly recommend Shopify apps from our partners.

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