Flash sale

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 Collection flash sale template lets you promote collections that are on sale for a limited time. Display a countdown clock for a flash sale and showcase products that customers can add directly to their cart using quick view.

See Vogue demo.

Quick setup

You can customize the Collection landing 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 are created and edited in your Shopify admin. See Shopify's Collections manual ↗ to learn how to group products into collections.

Edit collection landing template

The Collections landing template includes preset sections designed to showcase your collection.

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.

STEPS

In your theme editor (Customize):

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

  2. Under "PREVIEW", click Change and select the page you want to use for the collection landing 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 Image hero to add a collection image and promo text.

    Use the Multi-column to link to your collection pages.

    Add Rich text to describe your collections or products.

    Use the Image with text sections and second Image hero to highlight key features of your product collections.

    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.

If your theme isn't published yet, learn how to assign templates from unpublished themes

STEPS

In your Shopify admin:

  1. Go to Products > Collections.

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

  3. Click the Theme template menu and select landing to assign the template to your page.

    Note: If your theme isn't published yet, learn how to assign templates from unpublished themes

  4. Click Save.

\


Related links

Collection template

Last updated