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

Header background

Ocolus - Featured Collection

Mie Tran

Written by Mie Tran

Last updated

393 views

On this page


The Featured Collection section displays a grid, carousel, or masonry of products from one of your collections.

2023-07-05_14-44-59.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

  1. In the theme editor (Customize), click Add section

  2. Search Featured Collection

  3. Click Save

1. How to configure the Featured Collection section?

1.1. Heading Options

- Heading design: You can choose a design for the Featured Collection heading here. We have a total of 9 designs for you to choose.

- Center align the heading: Tick on this checkbox to enable Heading section on the center. If you uncheck this checkbox, the Heading will align left by default.

- Heading: You can enter the content that you want to show on the Featured collection's heading here.

- Description: You can enter the sub-heading content for the section here.

heading.gif

- Button label: It only shows when you select Heading Design 9. It allows you can design this button with a few options.

view more.gif

1.2. General Options

- Collection: You can choose the collection that you wanna show in the Featured Collection section here.

- Product item Designs: It has 21 designs for you to choose from. You can check it in the customized theme.

Besides, you can enable show vendors and countdown for products.

general option.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)

option image .gif

BOX OPTIONS

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

OPTIONS FOR CAROUSEL LAYOUT

It has many options for your config Carousel Layout: Enable box border, Enable loop, Autoplay speed in second, Pause autoplay on hover, Enable center slide, option to config Pre-next button and Page dots.

carousel layout.gif

OPTIONS FOR GRID OR MASONRY LAYOUT & OPTIONS IMAGE FEATURED PRODUCTS

You can configure Grid Or Masonry layout and image products with options.

grid and masonry.gif

2. Design options

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


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.