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

The Logo list section can be used on the following page templates:

Add a Logo list section to the home page

You can add a Logo list section to the home page.

To set up a Logo list:

  1. From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Scroll to the bottom of the home page sections and choose Add section

    Add section button
    Add section button
  3. Choose Logo list from the list of sections.

    This opens the Logo list settings.

  4. Use the Columns per row slider to set how many logos should display in a row.

  5. 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.

  6. Change the Heading text.

    We recommend a title of just a few words long.

  7. Return to the list of Home page sections to find your new Logo list section with the content blocks nested below.

    Use the drag handles to rearrange the order of the blocks:

    Shopify content blocks nested in a section
    Shopify content blocks nested in a section
  8. Use the Add logo button to select an image and add a Link

  9. Use the Save button in the top-right corner when you are finished editing.

Add a Logo list section to other pages

You can add a Logo list section to your Collection pages and Product pages templates.

To enable a Logo list on these pages:

  1. From your Customize theme editor, choose Collections or Products from the pages drop-down menu at the top of the screen.

    Drop-down menu with page types listed
    Drop-down menu with page types listed
  2. Click on the arrow beside Collection features or Product features.

  3. Use the Add block button to select Logo list.

    This opens the Logo list section settings.

  4. Use the Columns per row slider to set how many logos should display in a row.

  5. 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.

  6. Change the Heading text.

    The heading text appears on the left, at the beginning of the gallery.

  7. Use the Select image buttons to upload a logo image and add a Link.

  8. Return to the list of Product or Collection features. Use the drag handles to rearrange the order of the blocks:

    Shopify content block drag handles
    Shopify content block drag handles
  9. Use the Save button in the top-right corner when you are finished editing.

Logo list settings

The Logo list section has the following settings:

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.

Columns per row

Choose between 2, 3, or 4 columns to display at one time. The heading will always be the first column.

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 selection color

Set the background color to the Alternate Section Color as chosen in your Color Settings.

See Spark's Color settings documentation to learn how to set Alternate section colors.

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.