Fluorescent
Spark
Spark
  • Spark Help Center
    • Start using Spark
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 headings tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
      • Upgrade to OS2
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • FAQ page
      • Lookbook page
      • Password page
      • Search page
      • 404 page
      • Home page
    • Sections
      • Blog posts
      • Collection list
      • Countdown banner
      • Events
      • Featured collection
      • Featured collection row
      • Featured product
      • Image with features
      • Image with text
      • Inline features
      • Logo list
      • Map
      • Mosaic grid
      • Newsletter
      • Questions and answers
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Social proof
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Header
    • Header
      • Logo
      • Layout and style
      • Transparent header
      • Customer account link
    • Announcement bar
    • Quick search
  • Footer
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Payment icons
      • Language selector
      • Country selector
      • Social media icons
      • Footer text
  • Products
    • Product listings
    • Hover add-to-cart
  • Cart
    • Cart page
    • Fly-out cart
  • Product pages
    • Product template
      • Pre-order template
      • Alternate product template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Quick purchase bar
      • Gift recipient form
    • Product overview blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Custom text field
      • Information popup
      • Payment accordion
      • Security accordion
      • Shipping accordion
      • Stock level indicator
      • Text block
      • App blocks
    • Product page sections
      • Product reviews
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Use default colors
        • Use custom colors
        • Use custom images
        • Show on product cards
        • Dynamic option availability
      • Sibling product swatches
  • Collection pages
    • Collection template
    • Banner
    • Product grid
    • Filters and sorting
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Quick setup
  • Settings reference

Was this helpful?

  1. Pages
  2. Templates

Collections list page

Template

Last updated 12 months ago

Was this helpful?

The Collections list template provides the layout and design of the /collections page that displays your store's collections in a grid. Use this page to give customers an overview of all or selected collections.

See demo

Quick setup

By default, the Collection list template displays all published collections from your Shopify admin. You can choose to display only selected collections.

You can also adjust the layout of the grid, the shape of collection images (image aspect ratio), and the style of the collection titles and backgrounds.

STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Collections list.

  2. Under Template, click on Collections list page from the list of sections.

  3. Choose whether you want to show All of your collections collections or just Selected collections.

    If you choose to show Selected collections, see step 8 to learn how to add those collections.

  4. Check the Show collection description checkbox to display the description add in your Shopify Admin settings.

  5. To crop your collection images to have the same shape, change the Collection listing aspect ratio to Square, Landscape (horizontal), or Portrait (vertical).

    The default Natural setting displays the original shape of your image.

  6. Choose how many Collections per row using the slider. Choose between 2 and 6 collections.

    On small mobile devices, only 1 collection is shown per row.

  7. (Optional.) If you chose to show Selected collections, return to the top-level Collection list settings.

    Use the +Add Collection to add the number of collections you want. Then click on the new Collection blocks to select a collection.

    Repeat this process until you've added all the selected collections you need.

  8. Click Save.

Settings reference

The following settings are available for the collections list template:

Setting
Description

Select collections to show

Choose what collections are displayed. By default, the Collection list page will display all visible collections.

If you choose Selected, make sure to scroll to the top of these settings and Add collections.

Show collection description

Choose whether to Show collection description.

Collections per row

Use the slider to display between 2 and 6 collections per row.

Image aspect ratio

Choose to display your images as Square, Landscape, or Portrait.

The default Natural setting will display the original orientation of your images.

\


Related links

Shopify | Collections are created and edited in your Shopify admin. See Shopify's to learn how to group products into collections.

Collection descriptions are add in the area in your Shopify dashboard.

Collections manual ↗
Templates
Collections
Chic