Velour theme documentation

Getting started

All theme options are in the theme editor. In your Shopify admin, go to Online Store → Themes and click Customize beside Velour.

Step	Task	Time
1	Choose a preset and upload your favicon	10 min
2	Create collections and add products	45–90 min
3	Build the navigation and large menus	20 min
4	Set up the homepage sections	20 min
5	Set up colour swatches and filters	15 min
6	Set up the cart and free shipping bar	10 min
7	Fill in the size guide	10 min
8	Assign page templates	10 min

Duplicate the theme before large layout changes, so you can go back. In Online Store → Themes, open the menu beside the theme and choose Duplicate.

Presets

Velour has three presets. Choose one under Theme settings → Color presets, then check the homepage and a product page.

Preset	Look
Velour	Cream page with black type and buttons.
Peony	White page, pink buttons with plum text, pink announcement bar, rose sale prices, light grey bands and footer.
Onyx	White page, light grey header and bands, black announcement bar and footer, near-black buttons, black-and-gold product labels, gold rating stars.

Logo and brand

Store name: shown as text in the header and footer when no logo image is set.
Logo: upload an SVG or PNG under Theme settings → Logo. A transparent background works best.
Favicon: upload an image of at least 32×32 pixels under Theme settings → Favicon.

Navigation and menus

Main menu

In your Shopify admin, go to Online Store → Navigation and create or edit the main menu.
Add your top-level links, for example Shop, New in, Lookbook and About.
In the theme editor, open the Header section and choose that menu under Menu.

Large menus

A large menu is the wide panel that opens under a top-level link, with columns of links and optional images.

In the Header section, add a Mega menu panel block.
Set Navigation link handle to match the menu link it belongs to. A link titled "Shop" has the handle shop.
Choose a menu for each column. Create these menus in Online Store → Navigation first.
Optional: add featured products or a promotional image to a column.

Phone menu

The phone menu uses the main menu unless you choose a different one under Mobile menu in the Header section. Link size and weight are under Theme settings → Header.

Homepage

In the theme editor, choose Home page from the page selector. Drag sections to reorder them, and use Add section to add more.

Section	Use it for
Hero banner	Campaign photography and seasonal launches.
Featured products	A carousel or grid of new arrivals.
Dual content tiles	Entry points to categories such as Dresses or Knitwear.
Curated collections	A two-by-two grid of collections beside a feature image.
Shop the look	A photo with tappable points that open the products shown.
Newsletter	An email sign-up band.

Collection pages

Filters

In your Shopify admin, go to Settings → Search & Discovery → Filters and turn on Color and Size. Without them, the collection page shows a setup notice in the theme editor.

Collection link row

A row of links (View all, New in, Dresses and so on) can sit under the collection banner. Theme settings → Show collection link row turns it on or off for every collection at once. Each collection template also has its own switch in the Collection links section.

Collection templates

Template	Use it for
`collection`	The standard grid with a banner.
`collection.editorial`	A more photo-led collection layout.

Colour swatches

Swatches appear automatically when a product option is named Color, Colour or Couleur.

Setting	What it does
Swatch shape	Circle, square or rounded.
Swatch size	24 pixels by default.
Custom colour mapping	Match a colour name to a colour code, one per line, for example `Ivory: #FAF7F2`.

These settings are under Theme settings → Color swatch.

Product page

Open a product in the theme editor to add or reorder blocks in the product section.

Block	What it shows
Complete the look	Products that go with this one. Set them in Search & Discovery or pick them by hand.
Pickup availability	Whether the item can be collected, when local pickup is on.
Care and delivery	Fixed panels or rows that open and close.
Merchandising tags	Short labels for material or origin. See the next section.

Product templates

Template	Layout
`product`	Default, with the gallery on the left.
`product.gallery-left`	Gallery on the left.
`product.full-width-media`	Full-width gallery above the product details.

Recommendations

In Settings → Search & Discovery → Product recommendations, set complementary and related products for your key items. The recommendation sections and the Complete the look block use them.

Merchandising tags

Merchandising tags are small labels under the Add to cart button, such as "Full-grain leather" or "Made in Italy".

In the theme editor, open a product page and choose Add block → Merchandising tags.
In your Shopify admin, go to Settings → Custom data → Products and add a field with the namespace and key custom.merchandising_tags and the type List of single line text.
On each product, fill in the field with the labels you want.

You can also set the block's source to Product tags. Tags used for badges, such as Sale or Bestseller, are left out automatically.

Cart

Cart options are under Theme settings → Cart.

Setting	Recommended
Cart type	Drawer.
Free shipping threshold	The order value for free shipping, in your store currency.
Show cart upsell	On, with a collection chosen.
Gift note	Optional.
Cart icon style	Bag, tall bag or classic cart.

Size guide

The size guide opens in a panel from the product page.

In the theme editor, open the Overlay group at the bottom of the section list and choose Size guide.
Add a Row block for each size with its measurements.
On the product template, open Product information and turn on Show size guide link.

Page templates

Assign a template to a page under Online Store → Pages → [your page] → Theme template.

Page	Template	Use it for
About	`page.about`	Your brand story.
Contact	`page.contact`	A contact form and details.
FAQ	`page.faq`	Questions that open and close.
Lookbook	`page.lookbook`	A grid of campaign images.

Phone and tablet

On phones and tablets, most product, photo and article rows swipe sideways and show part of the next card. No setting is needed. On tablets, the product page keeps the two-column desktop layout.

Animations

Under Theme settings → Animations you can turn on or off scroll reveal, the hero entrance, and animations on mobile. Visitors who have asked their device to reduce motion see no animation.

Wholesale features

These are optional and need Shopify's B2B features.

Volume pricing: add the Volume pricing block to the product template. It shows your quantity price breaks.
Quick order page: create a page, assign the page.quick-order template, and choose a collection in the Quick order section. Products need SKUs.
Combined listings: work automatically once set up in your Shopify admin.

Before you launch

The homepage shows your hero image.
Collection pages show filters, sorting and product cards.
Product pages let you choose options, add to cart and open the size guide.
The cart drawer opens and shows the free shipping bar.
On a phone, the menu opens and the Add to cart button stays in reach.

Get help

If something isn't covered here, send a support request. We reply within two business days.

Velour documentation