How to set up the featured brands section

The Featured Brands section showcases brand logos in a structured grid, highlighting key partnerships or suppliers.

Section settings

Heading: Set a title for this section. This is optional.

Subheading: Set a subtitle for this section. This is optional.

Description: Add a description for the featured brands section.

Button 1 label: Set the text for the first button.

Button 1 link: Set the destination for the first button link (e.g., page, collection, product, external link, etc.).

Button 2 label: Set the text for the second button.

Button 2 link: Set the destination for the second button link (e.g., page, collection, product, external link, etc.).

Layout

Section width: Adjust whether this section should span the full width of the page (100%) or be contained within a limited layout. Applies on desktop. On mobile, the section spans the entire width of the screen.

Section inner max width (px): Set the maximum width of the content inside this section in pixels.

Section left/right gutter: Adjust the left and right spacing of the section relative to the viewport edge on narrow screens.

Vertical inner spacing: Adjust the spacing between the content and the top/bottom edges of this section in pixels.

Vertical outer spacing: Adjust the space between this section and the sections above and below it in pixels.

Content position: Select the horizontal placement of the content. Options: Left, Right.

Content alignment: Select the alignment of the content within its designated area. Options: Left, Center, Right.

Content width: Select the width of the content relative to the total section width. Options: One half, One third, One fourth.

Brands

Number of columns on desktop: Select the number of columns to display on desktop screens.

Number of columns on mobile: Select the number of columns to display on mobile screens.

Columns gap: Adjust the spacing between columns.

Image filter: Choose a filter effect for brand images. Options: None, Grayscale.

Background color: Choose the background color for the brand cards.

Border color: Choose the border color for the brand cards.

Border radius: Adjust the roundness of the brand card corners.

Remove card padding: Enable this option to remove the internal spacing inside the brand cards.

Content Styles

Primary button background color: Choose the background color for the primary button.

Primary button text color: Choose the text color for the primary button.

Secondary button background color: Choose the background color for the secondary button.

Secondary button text color: Choose the text color for the secondary button.

Button border radius: Adjust the roundness of the button corners.

Section Styles

Section background color: Choose the background color for the section.

Heading color: Choose the color of the section heading.

Text color: Choose the color of the text in this section, including the subheading and description.

Brand

Image: Select or upload an image for the brand. You can also browse free images via the “Explore free images” link.

Link: Set the destination for the link (e.g., page, collection, product, external link, etc.).

Open in new window: Choose whether the link should open in a new tab or the same tab.