Sale collection

Collection page template

Update This template was added in v1.5.0 on Oct 27, 2022. See our Changelog and theme update guide to learn more.

The Sale collection template lets you promote product collections that are on sale.

This guide explains how to set up the Collection sale template using theme sections, and includes demo examples and recommendations to get you started.

See the Flash sale template if you'd like to promote limited-time sales.

Quick setup

You can customize the sale collection template in the theme editor. All other product template features can be set up by following our collections template guide.

When your template is ready, you can assign the template in the Shopify admin to make it live.

Shopify | Collections and sales are created in your Shopify admin. See Shopify's Collections manual ↗ and Sales manual ↗.

Edit sale collection template

The Collections landing template includes preset sections designed to showcase your 'on sale' collections and products.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.


In your theme editor (Customize):

  1. Use the Templates selector to open Collections > collection-sale.

  2. Under "PREVIEW", click Change and select the page you want to use for the collection sale template.

    A warning symbol (!) next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign the template.

  3. Edit preset theme sections to add custom page content and styles.

    Use the Sales banner to announce your sale and discounts.

    Use the Collection list grid to list collections that are on sale.

    Use the Image with text section to add promotional text and image.

    Use the Multi-column section to display a row collection images with optional links.

    Use the Grid section to showcase products that are on sale.

    Set up the Product grid to list products from your collection with filter options.

    Click the Hide icon or Remove section button to hide or delete preset sections.

  4. Under Template, click (+) Add section to further customize your page with theme sections.

    Click and hold the drag and drop handles ⋮⋮ to change the order of sections.

  5. Click Save.

    Remember to assign the template and set your page to Visible in your admin.

  6. (Recommended.) Add a link to your collection landing in the Header navigation or in a theme section featured on your home page.

Assign collection landing template

In your Shopify admin, you need to assign the landing template to publish your changes to your live store. Follow the steps when you're done customizing the template.


In your Shopify admin:

  1. Go to Products > Collections.

  2. Click to open the collection that you want to use the sale template.

  3. Click the Theme template menu and select collection-sale to assign the template to your page.

    Note: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.

  4. Click Save.


Related links

Collection template

Last updated