Featured Collections

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 Collections".

Section Settings

SettingsMeaning

Section Width

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

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

SettingsMeaning

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.

Last updated