We've recently relaunched all three of our themes. Watch the launch video here.

Logo list

The Logo List section displays a row or grid of logos of your partners or vendors, giving your customers an at-a-glance overview.

Logo list section
Logo list section

Add a Logo list section

The Logo list section can be added to any template (except the Checkout). To learn more about Sections and Templates, see Shopify's OS2 Theme Editor manual.

  1. In your theme editor (Customize), select the Template you wish to edit from the dropdown menu in the top bar.

    Drop-down menu of page templates
    Drop-down menu of page templates
  2. Click + Add section and select Logo list from the Theme Sections list.

    Add section button
    Add section button
  3. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your sections:

    Shopify section drag handles
    Shopify section drag handles

Add logos

Add a Logo of your partners or customers with a link to their page.

  1. Click + Add Logo and/or click on the Logo block you wish to edit.

    This opens the Logo block settings.

  2. Under Image, click Select image to choose or upload a logo image.

  3. Add full Link make the entire image a clickable link.

    Make sure you copy and paste the full URL, including https:// at the start.

  4. Return to the list of your template sections in the sidebar and repeat this process until you've added all the Logo blocks you need.

  5. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your Logo blocks:

    Shopify content blocks drag handles
    Shopify content blocks drag handles

    Use the Remove block button in the block settings to remove a block entirely.

  6. Remember to click Save in the top-right corner.

Customize the Logo list section

The Logo list section settings apply to all Logo blocks. You can adjust the Columns per row, tweak the Spacing between logos, add a Heading, and choose to use your Alternate section color.

  1. Click on the Logo list section.

    This opens the Logo list section settings.

  2. Use the Columns per row slider to adjust the number of Logos per row, between 2, 3, 4, 5, or 6.

  3. Use the Spacing between logos slider to set the distance between logo image from 5px to 100px.

    The height of the logo images will adjust according to the spacing. A large amount of spacing will display smaller logos.

  4. Change the Heading text to display above the section.

  5. (Optional.) Enable the Alternate section color.

    See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

  6. Remember to click Save in the top-right corner.

Logo list section settings

The following settings are found by clicking directly on the section title:

Configuration Settings

Columns per row

Choose to display 2, 3, 4, 5, or 6 logos per row.

Spacing between logos

Set the distance between logo image from 5px to 100px.

The height of the logo images will adjust according to the spacing. A large amount of spacing will display smaller logos.

Heading

Add heading text.

We recommend a title of just a few words long.

Use alternate section color

Apply the alternate section colors as chosen in your Theme Settings.

See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

Logo list block settings

The following settings are found by clicking directly on a Logo block:

Configuration Settings

Image

Select or upload a logo image.

We recommend that all logo images have the same proportions.

Link

Add a link using the dropdown or pasting an URL into the field.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.