Brand list
The "Brand list" section is configured to display the associate manufactures or partners logos in a store.
Brand list
Tip: To hide the title, description, or button, leave the corresponding fields blank.
Use the "Heading" placeholder to add a section title.
The font size of the title can be changed to "Small", "Medium", or "Large" in the "Heading font size" drop-down.
If you need to set up the color of the title, use the "Heading color" picker. Here you can paste the hex code to the related field or choose the color using the paint pallet. The color settings will be used for both desktop and mobile.
Use the "Description" input field to add some descriptive text lines to the section that will appear under the heading.
The color of the description can be set in the "Description color" picker. The color you apply for the item will be used for a desktop and mobile.
Layout
The layout settings change the look and feel of the section.
Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the "Layout" drop-down.
Use the "Mobile align" settings to change the alignment of the heading and description to the "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.
To add a divider between sections, use the "Dividing line" to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden once you use the option "None".
On the "Top spacing" and "Bottom spacing" scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.
Content
The number of brands per row can be set in the "Brands in row" drop-down. Decide if to display 4 or 6 items in each row.
Use the "Column alignment" drop-down to decide whether to display the brand title on the "Left" or "Center".
Disable image cropping
By default, the image zooming effect is enabled on the desktop view when hovering over an image.
If the option is disabled, the scaled effect will be visible inside the image container. When activated, an image container will be scaled by itself.
Enable swipe on mobile
Check the box to add scrollbars instead of displaying the list of brands on mobile view.
Button
Change the internal button text in the "Label" field. Leave the field blank to hide the button.
To redirect customers to the desired page, edit the "Link". Use the link from the source selector, or paste the one if you use an external link.
Use the "Color" picker to change the button background color for the "Primary" style. For the "Secondary" style the colorized text and border inside the button will be added. If you used the "Link style", the color will be applied to the text link.
Blocks
The brand title color will be changed after applying the hex code to the "Title color".
Check the following examples of how the section might be displayed on desktop and mobile. In our example, we use the section to demonstrate Instagram:
Tip: To add a brand logo with the name of the manufacturers, use the "Column" block. The given block can be added several times by pressing the "Add Column" button.
Column
Add the block to configure each brand item individually.
Use the "Image" picker to add a brand logo. Use the "Title" field to add a block heading.
If you need to redirect visitors to the desired page by hitting the image or title, apply the URL from the "Link" source selector or add an external link to the field.
Here is how the block might be displayed in a store:
Last updated