Brickspace Lab
Contact usContact ShopifyTry a theme
Space
Space
  • Space documentation
  • Getting started
    • Selecting theme colors
  • Theme typography
  • Guides
    • Using color and option swatches
    • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing "Add to cart" for a product
  • Disable "quick add" for a product
  • Templates
    • Collection template
  • Product template
  • Blog template
  • Article template
  • Sections
    • Sections
      • Announcement
      • Header
      • Cart drawer
      • Menu drawer
      • Search drawer
      • Footer
      • Tooltip
      • Fixed menu
      • Featured product
      • Footer
      • Fixed menu
      • Slideshow
      • Email sign-up
      • Video
      • Alt collection grid
      • Banner
      • Block reveal
      • Blog posts grid
      • Collage
      • Collapsible content
      • Collection list grid
      • Collection list slider
      • Collection slider
      • Comparison table
      • Contact form
      • Countdown
      • Custom liquid
      • Discount
      • Featured collection grid
      • Icon grid
      • Image hotspot
      • Logo list
      • Marquee
      • Navigation slider
      • Product list
      • Recently viewed
      • Rich text
      • Search banner
      • Slider
      • Split banner
      • Static chat
      • Store locater
      • Tabs
      • Testimonial grid
      • Testimonial slider
      • Text highlight
  • General
    • Changelog
      • v2.0.0
      • v1.2.1
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
      • v2.0.0
    • Cloning a demo theme
      • Shimmer
Powered by GitBook
On this page
  • Space: Using the collection template
  • Summary
  • Customizing filters for your collection template
  • Adding simple tag filtering to a collection page
  • Adding a nested menu to a collection
  • Adding blocks to a collection grid

Was this helpful?

  1. Templates

Collection template

Last updated 22 days ago

Was this helpful?

Space: Using the collection template

Summary


The collection template is used to show a list of products.

Customizing filters for your collection template


Collection templates in Space are compatible with Shopify's official app. This app can be used to customize and extend the available filters for your store.

Enable collection filters

Collection filters can be enabled and disabled from the theme editor. If you aren't seeing your filters make sure you have this setting enabled.

  1. Open the theme editor by clicking Customize next to the relevant theme.

  2. From the dropdown in the center of the top bar select Collections > Default collection.

  3. Select Collection grid from the theme sections.

  4. Scroll down under Display and check Enable filter

Enable collection sorting

Collection sorting can be enabled and disabled from the theme editor. If you aren't seeing your sort options make sure you have this setting enabled.

  1. Open the theme editor by clicking Customize next to the relevant theme.

  2. From the dropdown in the center of the top bar select Collections > Default collection.

  3. Select Collection grid from the theme sections.

  4. Scroll down under Display and check Enable sort

Customizing filtering options

Adding simple tag filtering to a collection page


Using Space you can update collection template to use tag based filtering. This is an easy way to surface sub-categories within a collection. For example, you may have a collection titled Accessories using nested navigation you could then set up links to Wallets, Phone Cases, and Bags.

In this example clicking "Shirts" would filter the current collection to only show products that contain the tag "shirts".

Create metafield definitions

  1. Open up Settings and click Custom data.

  2. Click Collections then click Add definition.

  3. Set Name to Subtags.

  4. Set Namespace and key to custom.subtags.

  5. Click Select content type and select Single line text.

  6. Click List of values.

  7. Click Save.

Add data to collection metafield

  1. Open the collection you’d like to add a tag filtering too

  2. Scroll to the bottom Metafields area.

  3. Enter a text value for each tag filter

    • There's no need to include "All" as that will be the first link within tag filtering

    • Each entry should match a tag that is present within your collection

  4. Click Save.

Adding a nested menu to a collection


Each collection can be set up with nested navigation. This is useful if you have a large collection with multiple sub-groupings within. For example, you may have a collection titled Accessories using nested navigation you could then set up links to Wallets, Phone Cases, and Bags.

Create metafield definitions

  1. Open up Settings and click Metafields.

  2. Click Collections then click Add definition.

  3. Set Name to Subcollections.

  4. Set Namespace and key to my_fields.subcollections.

  5. Click Select content type and select Single line text.

  6. Click Save.

Add data to collection metafield

  1. Open the collection you’d like to add a nested menu to

  2. Scroll to the bottom Metafields area.

  3. Enter a text value.

    • This text must be formatted in a specific way. Please ensure each menu item is separated by “&” then ensure each title and url for each item is separated by a “,”.

    • This should look something like the below

    Tops,/collections/tops&
    Bags,/collections/bags&
    Shorts,/collections/shorts
  4. Click Save.

Adding blocks to a collection grid


The collection template can include optional blocks. These blocks are displayed in-grid alongside your products. This can be used to display a text block or a newsletter. Both of which are great for highlighting ongoing promotions.

  1. Open the theme editor by clicking "Customize" next to the theme you're working on.

  2. From the dropdown in the center of the top bar select Collections > Default collection.

  3. Select Collection grid from the theme sections.

  4. Click Add Block then select either Newsletter or Content.

  5. Click into the newly created block.

  6. For the Index field enter the number position you want to display within the collection grid.

    • Entering 1 will ensure this block is displayed as the first item in your grid.

  7. Update the content of your block as needed.

  8. Click Save.

Use the app to adjust filters.

Search & Discovery
Search & Discovery