Featured Collection

To add this section, please follow 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".

Section Settings

Settings	Meaning
Layout	Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).
Padding Container Full Width	Determine the left and right spacing of the Full Width layout.
Column	Select the column count for the section to render. On Mobile viewport, the column count is 1.
Spacing Top / Spacing Bottom	Determine the spacing of the device from the top and bottom for Desktop, Tablet and Mobile device.
Background Color	Apply the color for the section background.
Background Gradient	Apply the gradient color for the section background.
Background Image	Select/Upload an image as the section background.
Title	Enter the title for the section.
Enable Title Border?	Toggle the partial line through underneath the title.
Title Color	Apply color on the title of the section.
Title Font Size	Determine the font size of the title.
Title Font Size Mobile	Determine the font size of the title on mobile device.
Button Text	Enter the text for button below the section title.
Button Link	Specify the link for the button to redirect to on clicked.
Button Color	Apply color on the button text.
Button Icon	Enter the svg icon code for the button icon in front of its text.
Button Icon Color	Apply color on the svg icon of the button.
Alignment	Select the text alignment of the title and button relative to the section. The options are: Left, Right and Center.
Enable Swipe On Mobile	Toggle the slideshow mode for the columns instead of list layout on mobile device

Block settings

Collection

Settings	Meaning
Collection	Select a collection to show on the block.
Image	Upload/Select an image as a background for the block.
Alignment	Select the position of the menu text to the Left, Right or Center of the block width.
Title	Enter the title of the block.
Title Color	Apply color on the block title.
Title Font Size	Determine the font size of the block title.
Description Color	Apply color on the menu item text.
Description Color Hover	Apply color on the menu item text on hovered.
Description Font Size	Determine the font size of the menu item text.
Button Icon	Enter the svg icon for the button at the block bottom.
Button Text	Enter the text for the button at the block bottom.
Button Link	Specify the URL for the button to navigate to.