Usage
Styles
Section titled “Styles”Switch styles in Website → Themes. Each style has its own logo colours: upload your logo per style in Website → Themes → Logos.
| Style | Look |
|---|---|
| Ivory | Warm ivory store, ink type and buttons, sale red, champagne New badges, square corners, hairline rules under section titles, ink top band. |
| Blush | Rose-sand ground, burgundy top band and buttons, coral-red sale, pill buttons, 14 px image corners, italic display words in burgundy. |
| Denim | Cream ground, indigo header band with cream type, indigo buttons, mustard sale badges and bag button, 6 px corners, stitched (dashed) rules. |
| Noir | Black store, ivory type, champagne top band and buttons, red sale, outline cards with light image wells, full-bleed campaign triptych, uppercase section titles. |
Departments: tabs and the department bar
Section titled “Departments: tabs and the department bar”The Department tabs block (top band) and the Department bar block (under the header) are categories blocks. They list your departments (top-level categories) in the order of Products → Categories; the demo content fills them with Women, Men, Kids, Shoes and Accessories. A Sale tab (products on sale) is always added.
- On category and product pages the tab of the page’s department is active; on every other page the tab chosen in Department tab on other pages.
- The department bar shows All
(it opens the mega panel: subcategories with their own subcategories, New in, Bestsellers and Sale links, a department tile with the category image and a sale tile) followed by the subcategories. Hovering another tab shows that department’s categories. - On phones the tabs scroll sideways and the bottom bar’s Menu opens the full menu (the Main menu block).
Category images are used in the mega panel tile: portrait images on a transparent or white background work best.
Product cards
Section titled “Product cards”- Badges: discount in percent (list price or catalog promotion), New (added within 30 days) and Bestseller (40 or more sales); at most two. If you use a label add-on (for example Product Labels & Stickers) its labels are shown instead.
- Brand: from your brand feature (feature type “Brand/Manufacturer”) or a feature with the code
BRAND. On Multi-Vendor the shop is added when it is not the brand (“Northpier by Northpier Denim”). - Sizes: the variants of the product’s Size option. A size is struck through when it is not in stock: give the
product a Size feature (feature code
SIZE) with the sizes you have; sizes missing from it count as sold out. Products with variations use the stock of each variation. Six sizes are shown, then “+N”. - Colour dots: the variants of the Colour option. The dot colour comes from the colour name (camel, navy, light denim, …); the image is the option variant image, else the product image with the colour as alt text, else the product image at the same position (main image = first colour). Hover a dot to preview, click to keep it.
- Quick add: products with sizes open a size picker; the chosen colour and size go to the bag without leaving the page.
- Countdowns appear only for products in a catalog promotion with an end date.
Homepage
Section titled “Homepage”The homepage comes from the theme’s layout (Website → Themes → Layouts). Every section is a normal block:
| Block | What to edit |
|---|---|
| Promo strip | Products block (template Promo strip with countdown (Parade theme)): the text is a block setting, the countdown is the earliest end of the listed products’ catalog promotions. |
| Parade campaign triptych | Three panels: kicker, title (<em> marks the italic word), offer line, three category pills, button, “from” price and the garment illustration. Edit the texts and links in the block content and keep the classes. |
| Trending searches | Eight search links. |
| New in this week | Product block (template Product section (Parade theme), style “Scrolling row with arrows”). |
| Price points | Four tiles: department, “under” price and link. |
| Bestsellers heading + Women / Men / Kids / Shoes | The heading block and four product blocks with the user class kv-tabs become one tabbed section; the block names are the tab names. |
| Sneaker drops | Product block, style “Launch band”: dark band, the earliest promotion end in the title row, countdowns on the cards. |
| Shop by size | Categories block (template Shop by size (Parade theme)): one column per department with the sizes of the store’s size filter (the product filter of the SIZE feature) used in that department. Each chip opens the department filtered by that size. Create the filter in Products → Filters if your store has none. |
| Complete the look | Product block (template Complete the look (Parade theme)): the first product is the look panel with the look total, the next four are cards. |
| Brand marquee | Ten brand names as type, scrolling slowly (static for visitors who prefer reduced motion). |
| Final reductions | Product block, style “Sale”. |
| Parade club, Parade trust row, About the store | Loyalty band, four service promises, two-column SEO text with “Read more”. |
Product section blocks have the settings Columns (4, 5 or 6), Section style, Line under the title and a
“View all” link (a page URL or a dispatch such as products.on_sale).
Category pages
Section titled “Category pages”Title, description and subcategory chips, the product filters in the sidebar (a Filters sheet on phones) and a campaign tile inside the product grid after the eighth product (Category campaign tile block; edit or disable it in the layout).
Product pages
Section titled “Product pages”The Large gallery layout shows every product image in a 2-up grid with the details beside it (sticky while you scroll). Details: brand, name, rating, price with the struck old price and the saving in percent, the pay-later line, colour chips with dots (clicking a colour scrolls to its image), size chips (sold-out sizes struck through and not selectable), the Size guide (a chart for clothing and shoe sizes), “Only n left” when five or fewer are in stock, Add to cart, wish list and the delivery facts (Parade delivery facts block). Below: description, features and reviews, Complete the look and You may also like.
Phones
Section titled “Phones”Department tabs scroll sideways, the header shows logo, account and bag with the search below, the triptych swipes with a peek of the next panel, product grids show two products per row with the sizes as a short line, quick add opens a bottom sheet, the product gallery swipes and a sticky buy bar replaces the bottom bar on product pages.