Brands section

The brands section a flexible section that gives you the ability to showcase the brands you sell (i.e. collections where you have organized products under their brand) in multiple ways.

Section settings

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

Heading size: Adjust the size of your heading to make your message stand out. Available options: Small, Normal, Large, Extra large, and Extra extra large.

Subheading: Set a subtitle for this section. Also optional.

Link label + Link: With these settings you can create a button that will appear at the top right corner of your collection list section. For example if you have used this section to showcase a list of offers, you can add a button with a link to a collection or page called “Offers”.

Headings alignment: Align the heading and subheading Left or Center.

Brand card

Show title: Shows/hides the titles of all brand cards.

Open links in a new window: Enable this option to open the brand link in a new browser window or tab. By default, links open in the same tab.

Layout

Desktop layout: With the “Grid” option you can create a typical grid layout of brand cards. A “Slider” option is also available that lets you create a simple slider layout. For this to work, the number of brand cards added in this section must be greater than the number of brand cards visible as set by the following setting Number of columns on desktop.

Number of columns on desktop: Sets the number of columns (1 through 6).

Move multiple slides at once: Enable to move multiple slides at once. When disabled, the carousel moves one slide at a time instead of multiple slides.

Stack on mobile: By default, Athens will try to create a flexible scrollable horizontal list of brands on mobile. If you prefer to create a vertical list though, simply enable this option.

Image ratio: This option allows you to select the ratio of the thumbnails that will appear on the cards. “Adapt to image” means that the ratio will be the inherent ratio of the image (the default option). Portrait, Square, and Landscape will force the images to be displayed as portrait, square, or landscape ratios respectively.

Auto-rotate slides: Enables auto-rotation of the slides, as affected by the Rotate every option. This option only applies when Desktop layout is set to Slider.

Rotate every: Sets the number of seconds to wait (3 to 9) before slider are auto-rotated. This option only applies when Desktop layout is set to Slider and Auto-rotate slides is enabled.

Colors

Color scheme: Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings gives you the option to adjust the top & bottom section spacing values. Please note: If you select a color scheme with a background color, these settings will affect the spacing between the top or bottom of the section and the content of the section.

SEO

Heading tag: Select the appropriate heading level (H1, H2, or H3) based on how you want the section title to appear.

Visibility

Show section on desktop: Enable or disable the section’s visibility on desktop devices.

Show section on mobile: Enable or disable the section’s visibility on mobile devices.

Hide section if…: Enable this option when the section’s fields are bound to dynamic sources (i.e. metafields or metaobjects). The section will be hidden on the front-end if the most important field(s) are empty, i.e. when there is no meaningful output.

Collection block settings

The brands section accepts a list of collection blocks (brands).

Collection: Select the collection you want displayed.

Title: Optionally override the collection’s title with a custom one.

Image: Optionally override the collection’s image with a custom one (useful if you want to stylize the brand logos differently).

Link: Optionally override the collection’s link (useful when you want to redirect to the brand’s website).