Logo list

by Admin on Apr 11, 2024

1. What is a logo list?

The Logo List section allows you to display a series of logos in a visually appealing way. This is typically used to showcase brand partnerships, client logos, or any affiliations your store might have.

This section is perfect for building credibility and trust with your customers by highlighting your associations with well-known brands or clients. You can add multiple logos and configure their appearance to align with your store's design. 

2. How to add logos to the section?

Step 1: Adding a Logo Block

  • Click the "Select image" button to choose an image for the logo from your library.
  • Enter the URL that users will be redirected to when they click the logo.

Step 2: Configuring Style and Layout

  • Adjust the range slider (0 to 100px) to set the corner radius of all logo images, giving them rounded edges if desired.
  • Adjust the number of columns to be displayed on desktop devices to control how many logos appear in a single row.
  • Choose the background color for the logo list section in either light or dark mode to match your store's theme.
  • Tick the checkbox "Enable Carousel on Desktop" to display logos in a sliding carousel format on desktop devices.
  • Tick the checkbox "Auto-switch Logo" to enable the automatic switching of logos.
  • Adjust the range slider (3 to 9 seconds) to set the interval for auto-switching logos. Note: This setting only works if the "Auto-switch Logo" option is enabled.
  • Tick the checkbox "Show Navigation" to display navigation arrows, allowing users to manually slide through the logos.
  • Choose the layout for mobile devices, either Carousel or Stacked.

This setup will ensure your logo list is both functional and visually appealing, enhancing the professional look of your store.

3. How to set up the section layout?

To configure the section layout effectively, follow these settings to customize the heading, width, dividers, mobile layout, and padding:

  • Enter the heading of the section to provide a title or context.
  • Adjust the size of the heading (range from 50-200%) to make it prominent.
  • Adjust the padding at the bottom/top of the section (range from 0 to 100 px) to create space above the content.

These settings will help you tailor the section layout to your design preferences and ensure it looks great on both desktop and mobile devices.