Logo List

by Admin on Jan 02, 2025

1. What is Logo List?

The Logo List section allows you to showcase a series of logos, often used to highlight partners, sponsors, or brand affiliations.

2. Section Components

Section		Displays multiple logos in a visually appealing, grid/carousel style layout.
Available block		Used to add a single logo image.

3. Location & Setup

Go to “Online Store” > “Themes” > “Customize”.
Select where you want to place it
Click "Add Section".
Search for Logo List.
Click on it to add.

4. Highlight Features

Grid Layout: Easily organize logos in a customizable grid format.
Link Options: Each logo can be linked to external pages or resources.
Adjustable Logo Size: Control the size of each logo to ensure a consistent appearance.

5. Common Use Cases

🤔 How to set up the logo list section?

STEP 1:

Add the Logo list section, take a look at some basic settings, and adjust them as you want:

Heading

Corner radius

Image ratio

STEP 2:

By default, the Logo list section has 6 Logo blocks, edit it if you need more or less.

STEP 3:

For each Logo block, upload your image and add a link if needed.

STEP 4:

Click “Save” when done.

🤔 How to display Each Logo in its Original Size?

As you have different images, you might not want them to have the same ratio but keep their original sizes, then just do this:

STEP 1:

Click on the Logo List section to open the settings panel.

STEP 2:

Scroll down to the Desktop layout group, and adjust the Number of columns to 0.

STEP 3:

Click “Save” when done.

🤔 What customization options can you give your Logo List?

✨ Change color scheme:	Click on the Logo List section, and choose the overall scheme you want to use in both light and dark mode in the Color schema.
✨ Change the heading size:	Click on the Logo List section, and choose the Heading size to be Small, Medium, or Large.
✨ Change the Heading tag (for SEO purposes)	Click on the Logo List section, find and choose the Heading tag from the list.
✨ Change the heading alignment	Click on the Logo List section, find and choose the Heading alignment to be Left, Right , or Center.
✨Add a border to the logo	Click on the Logo List section, find and turn on the toggle Show logo border.
For the Carousel look:
✨ Make your logo list carousel	Click on the Logo List section: On desktop 🖥️: Find the Carousel group, and turn on the toggle Enable carousel on desktop. On mobile 📱: Find the Mobile layout group, and choose the Mobile layout to be Carousel.
✨ Make your logo list automatically slide:	Click on the Logo List section, find the Carousel group, and: Turn on the toggle Enable carousel on desktop. Turn on the toggle Auto-switch logo. Adjust the amount of time between each slide in Change bar every.
✨ Add navigation buttons to your logo list carousel	Click on the Logo List section, find the Carousel group, and: Turn on the toggle Enable carousel on desktop. Turn on the toggle Show navigation.
For the Grid/ Stacked look:
✨Change how users interact with the Logo List section	Click on the Logo List section, and find the Card section style setting. You can choose how users interact with the Flow card section: "On hover" will automatically expand tabs when moused over, while "On click" requires a click to expand.
✨ Change the position of the images	Click on the Logo List section, and scroll down to Section layout: On desktop 🖥️: choose the Desktop image position to be Left or Right. On mobile 📱: choose the Mobile image position to be Top or Bottom.
✨ Change the height of images	Click on the Logo List section, scroll down to Section layout, and choose your preferred image height in Desktop height (for desktop 🖥️) and Mobile height (for mobile 📱).
✨ Change the section width, add padding, or add a divider	Click on the Logo List section, and scroll down to the Section layout group, and you will be able to change those settings.

Need help? Contact our support team at Omni Themes Support.