Logo List

The Logos section allows you to showcase logos of brands, media features, or partners to build credibility and trust with your customers. This section displays a list of brand or partner logos, commonly used to build trust and social proof. Logos can be displayed as a static slider or animated marquee with optional styling effects.

How to Activate

1. Go to Theme Editor
   • Navigate to Online Store > Themes > Customize.
   • Click Add section and select Logo List.

2. Add Logos
   • Click Add Block and upload a logo image.
   • Include an optional link to a article or partner website.

3. Customize Display Settings
   • Adjust spacing, layout style (grid or slider), and image size.
   • Additional premium features included as standard, such as animation effects, design card templates and more.

4. Save Your Changes
   • Click Save to apply updates.

Best Practices

• Use high-resolution logos for a professional look.
• Ensure logos have a consistent size and alignment.
• Link to actual media mentions or partners for authenticity.

General Settings

Content

• Section Heading
  • Main title displayed above the logo list.

  • Commonly used for trust messaging (e.g. “Trusted by”).

    Subheading

  • Optional secondary heading displayed below the main heading.

  • Useful for short supporting context.

    Description

  • Optional text field displayed below the heading/subheading.
  • Can be used for additional explanation or brand messaging.

Layout & Styles

• Padding Top

  • Controls the spacing above the Logo List section.

    Padding Bottom

  • Controls the spacing below the Logo List section.

    Color Scheme

  • Applies the selected theme color scheme to the entire section.

  • Affects background and text colors unless overridden.

    Enable Gray Scale

  • Displays logos in grayscale when enabled.
  • Useful for a more minimal or neutral visual style.

Animation & Motion

• Section Animation Type
  • Controls how logos are animated:
    • Slider: Logos slide horizontally with navigation.
    • Marquee: Continuous scrolling animation.

Animation Speed

• Sets the speed of the slider or marquee animation.
• Higher values result in slower motion for better readability.

• Image Effect
• Applies a visual effect to logos (e.g. none or subtle hover effects).

Borders & Shadows

• Border Style
  • Controls the border style around logo items (e.g. Solid).

• Border Color
• Sets the color of the logo item borders.

• Shadow Size

• Adjusts the intensity of the shadow applied to logo items.

  Shadow Color

• Controls the color of the shadow.

Button Settings

• Button Text

  • Text displayed on the section button (e.g. “Learn more”).

    Button Link

  • URL the button links to.

    Button Link Target

  • Choose whether the link opens in the same tab or a new tab.

    Button Background Color

  • Sets the background color of the button.

    Button Text Color

  • Controls the button text color.

    Button Hover Background Color

  • Background color applied on hover.

Custom Styling

• Custom CSS
  • Allows section-specific CSS overrides for advanced customization.

Usage Notes

• Ideal for displaying partner logos, press mentions, or client brands.
• Supports both static and animated layouts.
• Animation speed and grayscale options help adapt the section to different brand styles.
• Button is optional and can be used for “View all partners” or similar actions.

Logo item (Block)

This block represents a single logo inside the Logo List section. It is typically used to display partner brands, clients, or press logos with optional linking and consistent sizing.

Image

• Image
  • Upload the logo image.

  • SVG or transparent PNG formats are recommended for best visual quality.

    Alt Text

  • Descriptive text for accessibility and SEO.
  • Recommended to use the brand or shop name.

Link

• Image Link
  • URL the logo links to.

  • Useful for directing users to partner websites or brand pages.

    Link Target

  • Controls how the link opens:
    • Same window
    • New window

Layout

• Image Aspect Ratio

  • Controls the displayed shape of the logo.

    Example option:

    • Landscape (4:3)   
  • Helps maintain visual consistency across all logo items.

Usage Notes

• Each Logo item is independent and can link to a different destination.
• Alt text is strongly recommended for accessibility compliance.
• Aspect ratio ensures uniform alignment within sliders or marquees.
• Works seamlessly with grayscale, animation, border, and shadow settings defined at the section level.