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

Header background

Kalles - Featured collection sections

Featured collection, Featured collection 2
Mie Tran

Written by Mie Tran

Last updated

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

1. Featured collection

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

HEADING OPTIONS

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

heading.gif

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

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.

2. Featured collection 2

demo.gif

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

2.1. Product item

Click on Featured collection 2 > ADD PRODUCT. You can choose a Product from Shopify or enter an image, title, description, price, link to build a product.

product.gif

2. Featured collection 2 options

HEADING OPTIONS:

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

heading.gif

OPTIONS IMAGE PRODUCTS:

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

image.gif

OPTIONS FOR PRODUCT ITEMS:

  • Show description product

  • BUTTONS PRODUCT: change Button style, size, color, hover effect

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

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

image3.gif

BOX OPTIONS:

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

OPTIONS FOR CAROUSEL LAYOUT: you can Enable loop, config Autoplay speed, adjust the style for Prev next buttons and Page dots

carousel.gif

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.

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.