In the theme editor: CustomizeHome pageAdd sectionEnd of season deals

End of season deals

Collections on sale as tabs, with their products, a timer to the end of the season and a button to all deals.

Wrap the percentage in bold in the heading, like “Up to 30% off”, and it stands out on its own.

Settings

Layout: Choice: Tabs above a shelf, Deal of the week with an indexDefault: Tabs above a shelfTwo ways to show the deals. You can add this section more than once, each with its own layout.

Small line above the heading: Text
Heading: TextBold words show in full weight, and italic ones in the sale tone (for example the percentage). Empty: "A special offer".
Short text: Text

Products: Slider, 2 to 12Default: 8Tabs above a shelf: how many cards in each tab. Deal of the week: how many more products below it. Only products with a compare-at price show.
Deal of the week: ProductEmpty: the product with the biggest discount in the collections below.
Line above the deal: TextEmpty: "The biggest deal right now".
Buy buttons: On or offDefault: OnUnder the price: Add to cart and Buy now for a product without options, or Choose options, which opens the quick view.
Buy now button: On or offDefault: OnGoes straight to checkout with this product only. The cart stays as it is.
Heading above the other products: TextEmpty: "More on sale".

Show the countdown: On or offDefault: OnOff: the section shows without a clock. The end date still ends the sale.
End date and time: TextYear-month-day followed by hour:minute, in the store's time zone. Empty: no end date and no clock.
Show seconds: On or offDefault: On
When time runs out: Choice: Show an offer ended message, Hide the sectionDefault: Hide the section
Ended message: TextEmpty: "This offer has ended. Thank you for your interest.", in the visitor's language.

Button label: TextEmpty: "See the offer", in the visitor's language. The button shows only when it has a link.
Button link: Link

Tab color: ColorEmpty: the color of all tabs — the frame color, or the store’s dark color when the frame is light.
Tab text color: ColorEmpty: light on a dark tab, dark on a light tab.

Settings every section sharesWindow, Spacing

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Attach: Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window
Image corners: Choice: Rounded, SquareDefault: Rounded

Custom spacing for this section: On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above: Slider, 0 to 120 pxDefault: 40 px
Space below: Slider, 0 to 120 pxDefault: 40 px

Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.

Collection on sale

Collection: Collection
Name: TextEmpty: the collection's name.
Discount percentage: Slider, 0 to 90 %Default: 0 %Shown as "Up to X%" on the tab and in the index. 0: worked out from the products on sale in the collection.

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.