Section: Brand logo slider

Everything you will need to know on how to setup your logo list section

Jalal avatar
Written by Jalal
Updated over a week ago

The Brand logo slider section makes it possible for you to add a logo section anywhere within your theme. This is a great way to highlight the brands you're selling!

To activate this section you first have to add the section to your page. This can be done in a few small steps.

1) Click on 'add section' which can be found in your left sidebar

2) Scroll down, or search for 'brand logo slider', then click on 'Brand logo slider'

3) Done, your brand logo slider section is added.

General settings

The general settings contains the settings for the styling and layout of the "brand logo slider" section.
Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show

Logos per row:
how many logos do you want to show in a row? If you have added more logos than shown in the row, it will automaticly become a slider.
Example below: Here are 8 logos set up, but the amount of the row is set on 5.

Heading position:
Configure the position of the heading text. You can choose between left and center.

Heading size:
Select the size of the heading from a range of small to extra large. When you choose for "Extra large", the size of the description will also be a bit larger than normal. The heading size you choose here is only applied to desktop view, you can customize the mobile heading size globally in the general theme settings under "Typography".

Fill in the title of the section. Don't want to show a title? Simply leave the field empty!

Button label:
This text will show on the button, for example: 'All brands'

Enter a link for the button, for example to the brands page.

Button color scheme:
Select the color scheme for the button colors. You can select the color pallets here.

Show link instead of button:
Check this box if you don't want a button to show, but only a clickable text.

How to configure the Brand logo list images?

By default, there are 6 logo images added, you can edit them, remove them or add more.

1. Editting the images/logos
To edit the logos you simply click on the block you want to edit in your sidebar on the left of your screen.

After you clicked the block, on the right of your screen the following sidebar will open.

Set your brand logo here, we recommend a .png file with a size of 230x90px.

use .svg format:
Want to use a .svg format logo? You can do this by pasting the URL to the file that you've uploaded under 'Files'.
More information about uploading files can be found here

Enter a link for the image/logo, use the link to the brand page!

2. How to remove an image/logo?
Don't want to use 6 logos? But you want to use 4? You can always remove the logos one by one to fit in your needs.
To remove the icons you simply click on the block you want to remove in your sidebar on the left of your screen.

After you clicked the block, on the right of your screen the sidebar will open.
On the bottom left of this sidebar, the following button 'Remove block' shows.

Simply click on this button and your logo will be deleted.

3. How to add a new/more logos?
Do you want to use more images? That's possible, no worries!
To add blocks you simply click on the 'Add logo' button in your sidebar on the left of your screen.

After you clicked on 'Add logo', a new block will be added. You can edit the block like explained in step 1.

Did this answer your question?