Shop by activity

Activewear shoppers start with what they're training for. Rep lets them shop that way everywhere, from each product's custom.activities and custom.support_level metafields (chapter 7).

What shoppers see

• On the home page, the Shop by activity section: a row of tall tiles, Train, Run, Yoga, Pilates and Lounge, each a product on its own colour with the bend and lanes and a white label pill with the activity's pictogram and name. Beside the heading, sports-bra support chips, Low, Medium and High, each with the three-bar meter.
• The Support finder section: one card per support level that says what it's for ("Running, HIIT and anything with jumping") and links to those bras.
• On product cards, up to three small activity pictograms beside the price, and a support pill ("High support" with three bars filled) at the bottom left of the photo.
• On the product page, the product's activities as outline pills with pictograms above the title.
• On collection and search pages, a row of activity pills above the products, from your Activity list. The pill for the activity being filtered is filled; clicking it again removes the filter.
• In the phone menu, the same activity pills at the top of the drawer.

The pictograms are never the only signal: each card's group of icons is read out as "For train, yoga and pilates", and the meter always sits beside its words.

The Shop by activity section

Add an Activity tile block for each activity, up to 10:

How the links work

• A tile goes to its own Link if you set one. Otherwise it goes to Collection for activity links (or all products) with the activity filter: /collections/all?filter.p.m.custom.activities=Train.
• A support chip goes to Collection for support links (or the activity collection, or all products) with the support filter: /collections/all?filter.p.m.custom.support_level=High.
• A support card goes to its own Link, or to the Support finder's Collection for support links (or all products) with the same support filter.
• The activity pills above collections filter the collection being viewed (or the search results) by that activity, and the menu drawer's pills filter all products.

Those filters need the Activity and Support level filters in Search & Discovery (chapter 13). Without them, Shopify quietly ignores the filter in the address, so nothing breaks: the shopper simply sees the whole collection instead of one activity. You have two ways to make the links work:

1. Add the filters (chapter 13). Every tile, chip, card and pill then works with no other change.
2. Give each tile its own Link to a collection, such as a "Yoga" collection, and each support card its own Link to a collection of those bras. The chips have no link of their own, so without the filter choose a Collection for support links that holds only your sports bras: the chips then at least open your bras.

The tile's Name and the chip's level are used exactly as written, so the filter only matches products whose metafield says the same word. Collections and searches with no products for an activity show your usual "no products" message.

Card pictograms and the support pill

Turn them on or off in Theme settings › Product cards: Show activity icons (on), Activity icons per card (3, from 1 to 3) and Show the support level (on).

• Pictograms come from custom.activities, in the order you listed them, up to the limit. The names map to pictograms case-insensitively: Train, Gym, Strength, Weights, Lifting and HIIT get the dumbbell; Run, Running, Road, Track and Race day the shoe; Pilates, Barre and Reformer the ring; Lounge, Rest and Recovery the moon; and so on (the full table is in chapter 7). Any other name gets a small dot and still counts in what's read out. No metafield, no icons.
• The support pill comes from custom.support_level: Low, Medium or High show "Low support", "Medium support" or "High support" with one, two or three bars of the meter. Other text shows in the pill as written, without a meter. Blank shows nothing.

Activity pills on the product page

The Activity pills block (in the product and product.no-set templates, above the title) shows the product's activities as outline pills with their pictograms and names, then its support pill ("High support" with the three-bar meter) from custom.support_level. Activities to show (4, from 1 to 6). A product with neither metafield shows nothing. In the theme editor, a product with neither shows a sample row (Train, Yoga, Pilates, High support) with a "Sample" pill.

The activity pills above collections

Theme settings › Activity › Activity list ("Train, Run, Yoga, Pilates, Lounge") sets the pills above the products on every collection and on search results, and at the top of the phone menu. Each name gets its pictogram when it's one Rep knows (chapter 7). Keep the names the same as your products' activities and your tiles. Clear the setting to hide the pills.

The Support finder section

Add a Support card block for each level, up to four:

Three cards sit across on a computer; on phones they become a sideways row. Pace's preset lists High first: put the cards in the order your shoppers need them.

In the theme editor

Tiles and cards without images draw sample garments with a "Sample" pill, so the sections read before your photos are in. The activity pills block shows a sample row on a product without activities. On your live store, the sample pill disappears, but drawn garments stay until you pick images or set Sample art to None.