Flash sale
ProCollectionsv1.0.0
Turn a limited-time sale into one focused section. Pick the products on sale and a real end date and time: a countdown in your store's time zone sits beside the heading, every product shows its discount from the Compare-at price, and products whose inventory Shopify tracks show Only 3 left with a small meter when stock runs low. Shoppers add straight from the grid, choosing options in a small picker without leaving the page, and the theme's own cart opens. When the sale ends the section hides itself or shows your message, so a finished sale never lingers or restarts.
Good for: Black Friday and seasonal sales · Daily or weekend deals · Clearing end-of-season stock
When to use it
Use it on your home page or a landing page for a sale with a fixed end, such as Black Friday, a weekend deal or an end-of-season clearance.
- A deadline shoppers can trust. The countdown runs to the real end date and time you set, in your store’s time zone, and never restarts.
- The saving at a glance. Each product shows its discount, worked out from its Compare-at price, and the regular price crossed out.
- Buying without leaving the page. Shoppers add products straight from the grid, choosing options in a small picker where needed. Products that are running low show how many are left.
Set it up
Set your sale prices in Shopify
The section doesn’t change prices. Before the sale, set each product’s sale price as its Price and the regular price as its Compare-at price in Shopify. After the sale, change them back.
Add the section
Choose Add section and pick SU: Flash sale. It shows example products until you pick yours.
Set the end of the sale
Under Sale, enter End date as YYYY-MM-DD, for example 2026-11-30, and End time as HH:MM on a 24-hour
clock in your store’s time zone. Leave End time empty to end at 23:59. Without an end date there’s no countdown.
Change Label beside the timer if you like.
Choose what happens when it ends
Under When the sale ends, choose Hide the section, or Show a message above the products and write it in Message after the end. Either way the countdown disappears. In the theme editor the section stays visible, so you can still edit it.
Pick the products
Under Products, choose up to 12 in Products on sale, and set Products per row on desktop and Products per row on phones.
Show discounts and low stock
Show a discount badge on images adds a badge such as -20% to products whose Compare-at price is higher than their price. Show low stock adds Only 3 left with a small meter once stock is at or below Low stock at or below. It only shows for products where every variant has Track quantity on and Continue selling when out of stock off. The count is the total across the product’s variants.
Link to the rest of the sale
To add a button under the grid, fill in Button label and Button link, for example a collection of everything on sale. Under After adding to cart, choose Open the cart or Stay on the page.
The section hides itself or shows your message when the time runs out, but your products keep their sale prices until you change them in Shopify.
Try it
Settings
In the theme editor, in the order you'll see them. Every section also has the heading and style settings.
Sale
| Setting | What it does |
|---|---|
| End dateText | YYYY-MM-DD, e.g. 2026-11-30. The real end of your sale: the timer never restarts. |
| End timeText | HH:MM in your store's time zone. Leave empty for 23:59. |
| Label beside the timerText | |
| When the sale endsDropdown | |
| Message after the endText (bold, italic, links) |
Products
| Setting | What it does |
|---|---|
| Products on saleProducts (up to 12) | Set sale prices in Shopify as each product's price, with the regular price as Compare-at price. |
| Products per row on desktopSlider (2–5) | |
| Products per row on phonesDropdown | |
| Show a discount badge on imagesCheckbox | For example -20%, worked out from the Compare-at price. Only on products whose Compare-at price is higher than their price. |
| Show low stockCheckbox | Only for products whose every variant is tracked by Shopify and stops selling at zero. Shows the total left across variants. |
| Low stock at or belowSlider (1–50) | |
| Button labelText | |
| Button linkLink | |
| LookDropdown | |
| After adding to cartDropdown |
Good to know
- Sale prices are your products' prices in Shopify: set them (and the Compare-at price) yourself, and change them back after the sale.
- Up to 12 products.
- The end time uses your store's time zone with its current UTC offset; a daylight-saving change before the end can shift it by an hour.
- Low stock shows only when every variant of a product is tracked by Shopify and stops selling at zero; the number is the total across its variants. The discount badge uses the selected (or first available) variant.
- Without JavaScript the end date is written out, products add to the cart through the theme's cart page, and products with options link to their page.
Changelog
- 1.0.0: Initial release.