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
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.
HEADING OPTIONS
You can change Heading design, Heading align, Subheading and Space bottom.
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.
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)
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
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
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.
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.
OPTIONS IMAGE PRODUCTS:
you can change Image ratio, Image size, Image position.
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.
Maximum products to show, Items per row and Space between items (horizontal and vertical)
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
DESIGN OPTIONS
Please follow this guideline to config Layout, Background, Margin/Padding for the section.
