Featured collection

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Featured collection".

Setting	Description
Layout style	Select the layout style for the section: Grid Carousel

Product card

Setting	Description
Make products full width	Enable/disable checkbox
Collection	Select a collection to show products belong to that collection.
Maximum products to show	The number of products from the (collection or products) to display. Must be an even number. Minimum: 2. Maximum: 25.
Number of columns on desktop	The number of products from the (collection or products) to display on desktop. Must be an even number. Minimum: 1. Maximum: 6.
Image ratio	Determines the ratio between the image's width and height. Select image ratio from the dropdown menu: Adapt to image Portrait Square
Image shape	Display image type: Default Arch Blob Chevron left Chevron right Diamond Parallelogram Round Standard-styled cards have no borders when an image shape is active.
Show second image on hover	When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor	Display as a section vendor.
Show product rating	Display as a section rating. To display a rating, add a product rating app.
Quick add	Select the quick add style for the section: None Standard Bulk Cart icon

Carousel

Setting	Description
Products per row (desktop)	Determines the number of products on the desktop. Can be from 2 to 5, increasing arithmetically of 0.1.
Products per row (tablet)	Determines the number of products on the tablet. Can be from 1 to 3, increasing arithmetically of 0.1.
Products per row (mobile)	Determines the number of products on the mobile from the dropdown menu: 1 1.2 1.5 2
Grid spacing (desktop)	Determines the grid spacing between columns of products on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Grid spacing (tablet)	Determines the grid spacing between columns of products on tablet devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Grid spacing (mobile)	Determines the grid spacing between columns of products on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Enable arrows	Display arrows on devices: None On every device Only on desktop Only on (desktop, tablet) Only on (tablet, mobile) Only on mobile
Pagination type	Display pagination on devices: On every device Only on desktop Only on (desktop, tablet) Only on (tablet, mobile) Only on mobile
Enable pagination	Select the pagination type from the dropdown menu: None Dots Progressbar
Enable infinite scroll	Select this checkbox to show/hide the infinite scroll

Grid

Setting	Description
Enable swipe on desktop	Enable/disable checkbox
Desktop horizontal space	Determines the grid spacing between horizontal of blocks on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Desktop vertical space	Determines the grid spacing between vertical of blocks on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Mobile horizontal space	Determines the grid spacing between horizontal of blocks on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Mobile vertical space	Determines the grid spacing between vertical of blocks on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Mobile layout

Setting	Description
Number of columns on mobile	Select the number of columns to display on mobile devices from the dropdown menu: 1 Column 2 Column
Enable swipe on mobile	Enable/disable checkbox

Color

Setting	Description
Color scheme	Set the text color and background color for the section.

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

---

Heading Block

Setting	Description
Heading	Add text to display as a section heading. (Leave the field blank to hide the heading)
Heading size	Font size of text: Small Medium Large Extra large
Description	Add text to display as a custom content to describe this section. (Leave the field blank to hide the description text)
Show collection description from the admin	Enable/disable checkbox
Description style	Select the description style for the section: Body Subtitle Uppercase
Enable "View all" if collection has more products than shown	Enable/disable checkbox
Label view all	Add text to display as a link label on the section. (Leave the field blank to hide the link).
"View all" style	Select the "View all" style for the section: Link Outline button Solid button

Block margin

Setting	Description
Bottom margin	Determines the height of the bottom outside space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).