Creating a Logo list section.
Edited

The Logo list section is a great way to showcase the brands, partners, or affiliations associated with your store. This guide will walk you through the steps to create a logo list section for the theme.

Step 1: Go to your Theme.

  1. Log in to your Shopify admin panel.

  2. From the left-hand sidebar, go to Online Store and select Themes.

Step 2: Choose a Theme

  1. In the Themes page section, click on the Customize button for the theme you want to edit.

Step 3: Create a New Section

  1. In the Shopify theme customizer, click on Sections.

  2. Scroll down and click Add section.

Step 4: Choose a Section Type

  1. From the list of available section types, select Logo List.

Step 5: Configure the Logo List Section

After selecting the Logo List section, there are a number of settings available to configure the section.

Step 6: Add Logo List Items

  1. To add a logo list block, click on the 'Add Logo link in the section settings.

    Tip: To have external links open in a new tab, follow this guide.

  2. Upload the logos or images you want to showcase. Make sure they are appropriately sized and have a consistent aspect ratio for a polished look.

  3. Add a label or caption for each logo.

  4. Arrange the logos in the desired order by dragging and dropping them.

Step 7: Preview and Publish

  1. Click the Preview button to see how your logo list section looks in the live preview.

  2. Make any necessary adjustments to the section settings or logo list items until you're satisfied with the appearance.

  3. Once you're ready, click the "Publish" button to make the changes live on your Shopify store.

Step 8: Final Testing

  1. After publishing, thoroughly test your logo list section on various devices (desktop, tablet, mobile) to ensure it displays correctly and is responsive.

  2. Verify that the logos are clickable if they link to external websites or pages.

Note: Please ensure all Logos are the same sizes to prevent any inconsistencies in the way things appear on the page.