Verity Commerce — Documentation

Introduction

Verity Commerce is one theme with five industry systems inside it. A preset changes the product card architecture, the catalogue rhythm, the header composition and the way product data is presented — not only the colours.

It is built for shops whose product needs explaining: a concentration, a measured figure, a material, an origin, a dose.

Installation

1. In your Shopify admin open Online Store → Themes.
2. Add Verity Commerce from the Theme Store, or upload the ZIP under Add theme → Upload zip file.
3. Open Customize and choose a preset under Theme settings → Theme styles.
4. Publish when you are ready.

Installing the theme does not change your products, collections, pages or navigation. Verity Commerce uses no apps and loads no external scripts.

The five presets

Switch preset at any time in Theme settings → Theme styles. Your content is untouched; only the presentation changes.

Theme styles and global settings

• Colours — five colour schemes per preset, chosen per section.
• Typography — heading and body faces, set per preset.
• Buttons — solid or outline.
• Commerce mode — the merchandising rhythm of the home page and collection headers.
• Product cards — architecture, image ratio, second image on hover, vendor line, quick view, quick add.
• Badges — the new and bestseller tags and how many days count as new.
• Favicon — a square image, 512×512 or larger.

Header and navigation

The header is a section group with several layouts (inline, centred logo, two rows), an optional brand mark and optional localization selectors. It retracts on downward scroll and returns on the first upward scroll.

Below 750 pixels the navigation becomes a drawer opened from the burger control. Menus come from Online Store → Navigation, and two levels are rendered.

Announcement bar

Part of the header group. It takes a short label and a message and can be linked. Keep it to one line on a phone: long messages wrap and push the header down.

Product cards

Theme settings → Product cards → Card layout selects one of five architectures. The grid around them is shared: four across at 1200 pixels and wider, two between 750 and 1199, two below 750. A short final row is centred, and an odd last card keeps its normal width.

Other card settings: image ratio, second image on hover, and the vendor line.

Quick view and quick add

Each preset ships with exactly one action control per card, because two controls compete for the same corner.

• Quick add adds a single-variant product to the cart from the card and links to the product page when the product has options.
• Quick view opens the product in a dialog over the catalogue. The Cinder Coffee preset uses this and does not render the quick-add block at all.

Both are switched in Theme settings → Product cards. Enabling both puts two controls on one card and is not recommended.

Collection layouts

Assign one in Products → Collections → Theme template. You can add sections to any of them — specification rows, comparison tables, evidence blocks, FAQ — and fill them with your own content.

Filtering and sorting

Both are switched on in the collection section settings. Filters come from Shopify Search & Discovery or from your storefront filter settings; the theme renders whatever you configure there, including availability, price and metafield filters.

Product templates

Six product templates ship with the theme. They differ in media treatment and in the sections they start with. Assign one per product in Products → Theme template, then add the sections your catalogue needs.

Product media gallery

Three media layouts: gallery (a main frame with thumbnails), stacked (every frame at full width) and sheet (a framed technical presentation). Image zoom is available on all three. Four images per product is a good working minimum.

Variant selectors

Options render as swatches or as buttons, built from your product options. Unavailable combinations are marked, and selling plans appear in the buy block when a product has them.

Cart and cart drawer

Adding to the cart opens a drawer; /cart remains a full page for shoppers who prefer it. Quantities can be changed and lines removed in either. A cross-sell block can be added to the cart page.

Search

Predictive search opens from the header and returns products and articles as you type. Pressing Enter opens the full results page with the same filtering and sorting as a collection.

Recommendations

The recommendations section uses Shopify product recommendations and needs no configuration beyond how many products to show and the intent — related or complementary. Complementary products are set in Search & Discovery.

Recently viewed

A rail of products the shopper has already opened, stored in their own browser. It renders nothing until there is something to show and can be cleared by the shopper.

Journal and blog

The blog index and article templates are built for editorial writing: covers, dates, standfirsts and a readable measure. Article covers come from the featured image — set one on every article, or the card shows the headline alone.

Pages

Page templates include a default page, a contact page with a form, and an FAQ page. Any section can be added to any page in the theme editor.

Localization and language and country selectors

Country and language selectors can be shown in the header and the footer. They appear once markets or languages are added in your Shopify admin. All theme text is translated through the locales files and can be edited in Customize → Theme content.

Accessibility

Verity Commerce ships a skip-to-content link, visible keyboard focus on every control, semantic headings and landmarks, alt text passed through from your images, and reduced-motion support. Colour schemes were checked for text contrast; if you change colours, check small text against its background.

Responsive behaviour

The theme is built and tested at 1440, 1363, 1200, 990, 768, 750 and 390 pixels. Navigation switches to a drawer below 750, the catalogue drops from four columns to two, and product media stacks.

Image recommendations

Upload the largest version you have; Shopify serves resized copies. Use JPEG for photographs and PNG where you need transparency.

Troubleshooting

Two controls appear on one product card

Quick view and quick add are both on. Leave one of them enabled in Theme settings → Product cards.

A collection shows a row of four and then one card alone

That row is centred by design. If the card is stretched instead, custom CSS is overriding the grid — remove it.

Article cards show no cover

The article has no featured image. Add one in Content → Blog posts.

Filters do not appear

Filtering is enabled in the section, but no filters are configured for your storefront. Add them in Search & Discovery.

Text is hard to read after a colour change

Check the text and background of that colour scheme. Small text needs a contrast ratio of at least 4.5:1.

Updating the theme

Shopify notifies you when a new version is available. Updates install as a new copy, so your published storefront never changes underneath you: install, re-apply custom settings, preview, then publish. Keep the previous version unpublished until you are satisfied.

Custom code added to theme files does not carry across an update. Keep a record of anything you edit.

Getting support

Write to us through the Verity Commerce support form. Include your store URL, the theme version from Theme settings → Theme information, and a link to the page in question. We answer within two business days.

Open the support form

Support scope

We support the theme as delivered: installation, settings, sections, bugs and compatibility with Shopify features. We do not write custom code, build bespoke sections or debug third-party apps — though we will always tell you what is wrong when we can see it.

Changelog