Features
What Touchmark's signature features do, which block or section provides each one, and what it needs from your store. Settings are named as the theme editor shows them; the full lists are on Sections and blocks.
Purchase options and subscriptions
Provided by: the Purchase options block in Product information, quick add, the quiz and Routine builder summaries, the cart, and the Subscription steps section.
Needs: a subscription app that creates selling plans, such as Shopify Subscriptions, and plans on the product. For supply lines, the Servings metafield on variants.
The block lists one-time purchase first, then each plan group from your app in the app's order, with the price per delivery and the saving. The delivery cadence sits inside the selected option. A product sold by subscription only opens with its first plan selected. The Subscription badge, Perks and Subscription management link come from Theme settings > Subscriptions.
When the variant has Servings, the block says how long the chosen quantity lasts, with the serving size from Supplement Facts: "30 servings last 30 days at 1 serving (2 capsules) a day." When a delivery would run out more than 7 days before the next one, or last more than 7 days past it, the line says so and offers the quantity that fits. The theme does not create plans, discounts or charges; your app and Shopify do. Without plans the block shows nothing. What shows where, with and without plans, is on Product data setup.
Variant picker
Provided by: the Variant picker block in Product information and Featured product.
Needs: product options. For the price per serving, the Servings metafield on each variant; for swatches, a color or image on every value of the option in Shopify admin.
The picker chooses a form for each option on its own, so a shirt with Size, Color and Fabric and a supplement with Strength, Size and Capsule both stay compact:
- Swatches when every value of the option has a swatch and Show swatches is on.
- A dropdown when Style is Dropdown, or when the option has more than 12 values.
- Option cards for the option that sets the price, when it has 6 values or fewer and a value longer than 4 characters. Each card shows the value's price and, where it differs, the price per serving.
- Chips for every other option: buttons as wide as their text, in rows that wrap. Short values such as S, M, L and XL are always chips.
The option that sets the price is the first one whose values change the number of servings, else the first whose values change the price. Only that option shows prices, and the Price block leaves out the price per serving when the cards already show it. With Show serving size on, the serving size from the selected variant's Supplement facts entry sits beside the first option's name.
Supplement Facts
Provided by: the Supplement Facts block in Product details, and Key actives in the buy box.
Needs: the label rows. Type them on each product in a text field you connect to the block's Label rows, as in the minimum setup, or give the product a Supplement facts entry with its rows. An entry adds key actives, product card rows and a label for each variant.
The label is a real table set like the printed label: serving size, servings per container, amounts, % Daily Value, a dagger for "Daily Value not established", nested rows, other ingredients and allergens. Beside it, Show Daily Value plot charts the key actives against the Daily Value, in the text color, and marks an amount above the adult upper limit. Show label version line adds the label version, date and PDF link from an entry. When the selected variant has its own entry, the label, key actives and serving size change with it. Product cards show key ingredient rows from the same entry (see Product cards).
Your statement in Theme settings > Compliance shows under the label through the Compliance disclaimer block, with Shopify's product disclosures for the buyer's region. With Only on supplement products on, the statement stays off products that aren't supplement products, such as accessories, unless a claim on the page carries an asterisk.
Lab certificates and batch lookup
Provided by: the Lab results (product) block in Product details, the Lab results section, the Rating and batch block, and search.
Needs: Lab batch entries, each with its handle set to the batch code, its Product and its certificate PDF, listed newest first on the product's Lab batches metafield.
Lab results (product) lists the product's batches and shows the certificate of the chosen one: as a table with a written status for every test when the entry has result rows, or as up to three headline results with the PDF as the main link. A product without entries can show one row in the Specifications table, with the batch code, the release date and the PDF link, from the block's Certificate link, Batch code and Released on. The Lab results section lists any batches you choose, or the store's newest: with more than three it shows the three newest and a button that opens the rest, labelled with the count, such as "6 batches shown". Its Certificate setting shows a summary with the full certificate one tap away, or the full certificate.
Shoppers can type the code printed on their package into the batch lookup (in both places), the search dialog or the search page. Codes match however they are typed: "MG 24118", "mg-24118" and "MG-24118" find the same batch. On the product page a match opens its certificate in place. In the Lab results section a match shows the batch's card where the certificate was: the product, test date, status and results, with an Open certificate link. Search shows the same card above the results. A miss says "No batch matches" with the code. The lookup needs JavaScript and is hidden without it.
Product finder quiz
Provided by: the Quiz section, on a page with the page.quiz template, and the Quiz call to action section that leads into it from any page, and the closing row of Shop by goal.
Needs: Question blocks with Quiz answer blocks. Each answer names the products it suggests: Suggest these products, Suggest products from this collection or Suggest products with this tag.
The quiz shows one question at a time and ranks products by the answers chosen: picked products count most, then the collection and the tag, times the question's Weight. Use this question to pick the first result makes the first suggestion match that question's answer. Only suggest products with this tag turns a tag into a filter, for example for a vegan diet. Results show the suggested products with why they match, and Show order summary lets shoppers choose one-time or subscription once and add every suggestion to the cart in one step. The Quiz call to action needs its Quiz page set; each of its Answer link blocks opens the quiz with that answer chosen.
Routine builder
Provided by: the Routine builder section, usually on a page with the page.routine-builder template, and the Routine block in the product grid.
Needs: products, from the section's Products, a Collection, or all products when both are empty. Servings make the supply lines and cost per day work.
Shoppers pick products and sizes. Each line uses the smallest count allowed by the selected variant's minimum, increment and maximum. The summary lists them with how long each lasts at the chosen delivery interval, offers one purchase choice for all of them (one-time first, then subscribe and save with the intervals the products offer), shows the cost per day with the real saving from your plans, and adds everything to the cart in one step. Both purchase types show Per day of use. Each line contributes its price divided by the days it lasts; on a subscription those days stop at the next delivery. If a product runs out before then, the per-day cell names the shortfall. Per year counts whole deliveries in 365 days. A one-time purchase has no yearly figure. The first add press on an unmatched delivery interval shows Not added yet and asks shoppers to choose a fix or press Add anyway. Discount message only displays text: the theme applies no discount, so create a matching automatic discount under Discounts in your Shopify admin.
Goal navigation
Provided by: Theme settings > Goals, the Shop by goal section, the goal navigation row in the Product grid, and the goal marker on product cards and in Formula details.
Needs: one collection per goal, listed in Goal collections. Optional: an Accent color and Key ingredients on each collection, and a Goal on each product.
The goal list shows on the home page, in search, on the 404 page and on empty cart, collection and search pages. On the home page, Shop by goal can end with a row that leads to your quiz or a guide page: fill in its Closing link, and the row shows once it has a link. On collection pages a scrolling row of goals sits above the grid, and it marks the goal a shopper filtered by when you add the optional Goals field as a filter. Product cards and the product page label each product with its goal: its Goal collection, else a goal collection that holds it (product page only), else its Supplement health focus.
Product cards
Provided by: Theme settings > Product cards, used by collections, search, Featured collection and recommendations.
Needs: nothing. Key ingredient rows need a Supplement facts entry with rows marked Key active; the price per serving needs Servings.
Each card can show the formula number and goal, the product's key ingredient rows with dose and % Daily Value (Key ingredient rows, one by default), the rating, the price, and a second line with the lowest subscription price. A row without a Daily Value shows the dose only, and an amount above the adult upper limit carries the flag "Above upper limit". Sale badges read "Save 18%" or "Save up to 18%", or "Sale" where a percentage doesn't fit.
Layout on mobile sets how a grid looks on phones. Automatic, the default, shows rows, the image beside the name and price, when any product in the grid has key ingredient rows, and two columns otherwise, so a page of supplements reads as a list and a page of accessories as a grid. Rows and Two columns fix one layout.
Related products and pairings
Provided by: the Related products section on the product page.
Needs: nothing. To choose pairings yourself, set complementary products for the product in Shopify's Search and Discovery app.
The product page has one rail of products. Complementary products come first, tagged "Pairs with", then the related products Shopify picks, without duplicates and without the product itself, up to the section's product count. One or two products show as wide cards. The rail stays hidden when there are none. The Complementary products block is still available for a short list in the buy box, but the default product template leaves it out, so pairings don't show twice.
Footnotes and the compliance statement
Provided by: the Footnotes section, which the theme places at the end of every page's main content, and Theme settings > Compliance.
A figure or claim with a note gets a numbered marker, and its note prints with the others as endnotes at the end of the page. A claim that ends in an asterisk points to your compliance statement, which follows the notes when the page doesn't already show it. Footnotes are part of the layout: you can rename the heading, but not move or remove the section, and it shows only on pages that have markers. The markers and the over-limit flag use each color scheme's Accent color.
Apps and agents
Touchmark works with Shopify's standard storefront actions and events, so apps and AI shopping agents can work with the cart and read what shoppers do without custom code for this theme.
- Cart updates without a reload. When an app or agent changes the cart through Shopify's standard update cart action, the theme refreshes the cart drawer, the cart page and the cart count in place. Cart changes that other scripts announce with the standard cart events refresh them the same way.
- Opening the cart. The standard open cart action opens the cart drawer, or goes to the cart page when Theme settings > Cart > Cart type is Page.
- Events the theme sends. Page views; product views (product page, featured product and product cards as they come into view); variant selection; collection views and filter or sort changes; search updates on the search page and in search suggestions; cart views (cart page and drawer); and cart changes to lines, the order note, attributes and discount codes.
The events use Shopify's standard events library, loaded from Shopify's CDN. If it doesn't load, the theme works the same and sends no events.
Apps with theme app blocks can add them to the Product information and Product details sections, the product grid, search, cart, article, page and other sections that list "app blocks" on Sections and blocks. Reviews apps go in the Reviews chapter; most of them also fill the rating fields the theme reads for stars.
Purchase details
The home savings calculator chooses the available size and smallest covering quantity with the lowest price per delivery for each cadence. Its product link carries the size, selling plan and quantity. The main product page accepts a whole positive ?quantity=N value, within the variant's quantity limits.
Cart subscription lines show a Subscription tag and the selling plan's full name. A one-time line can offer a compact Subscribe and save action with the amount saved per delivery. Order again adds past subscription purchases as one-time purchases, unless the product requires a selling plan.
Gallery captions come from image alt text and default to off on a new installation. Captions are visually hidden below 990px. Sticky product bars appear after the main add button has scrolled above the viewport.