A shoe page needs to explain how the pair fits and what it is made for. These 15 stores show ways to compare models, translate sizing systems and distinguish available stock from preorders.
Atoms compares its core models through construction and fit attributes. A fit quiz supports the more granular sizing system. The side-by-side format helps explain shoes that look similar but differ in use. Definitions of technical terms can help customers relate details such as foam or drop to the fit they want.
For your store
Use the same fit, construction and intended-use criteria when comparing models.
ALOHAS sells both available stock and preorders. Its size selector shows delivery information for each option, with production information explaining the process. The customer can see how their size affects the wait. This detail matters for shoes made in batches, where one general shipping message cannot describe every order.
For your store
Show the selected size’s delivery date before it is added to the cart.
Thesus links directly to named boot families and includes Shop by Size in its navigation. Its fit guide explains differences between models and materials, with measurement instructions and size tables. A compact unisex range can use these direct routes while retaining the advice needed to choose between styles that fit differently.
For your store
Offer model and size routes, with fit instructions for the particular boot.
KARHU gives performance running and lifestyle sneakers separate shopping routes. Its size guidance accounts for unisex products. A customer choosing a technical trainer can use a different set of descriptions and comparisons from someone browsing a heritage silhouette, even though both ranges share the brand's visual identity.
For your store
Separate performance and lifestyle footwear when customers need different information to choose.
Allbirds gives distinct colourways their own collection cards. Gender-specific routes and size conversions handle the sizing of shared silhouettes. Colour becomes visible across the grid, while consistent model names identify versions of the same shoe. That naming matters when several cards have similar shapes but different finishes.
For your store
Show colours separately when they drive browsing, and repeat the model name consistently.
Rothy's material page places machine-washing information beside recycling and resale routes. It covers what owners can do while using the shoes and when they no longer want them. Individual product pages still need care instructions for their materials, so a shopper can apply the broader ownership advice to the exact pair.
For your store
Link care and end-of-use options from the range, with material-specific instructions on each product.
Ancient Greek Sandals divides its menu into Shop by Style, Shop by Trend and Shop by Collection. Someone looking for slides can go straight to that shape; someone browsing a seasonal look can take another route. Product swatches reveal finish variations early. Each menu group needs distinct labels so visitors can tell what it contains.
For your store
Distinguish product shapes from seasonal edits in the navigation.
Dear Frances keeps recurring silhouettes in The Icons collection alongside seasonal shopping routes. Photography concentrates on shape and material, giving these designs a consistent presentation. Customers returning for a familiar model have a named destination that remains useful between launches.
For your store
Keep recurring models in a permanent collection that returning customers can recognize.
ESSĒN provides regional size conversions and advice for the model, with foot-length measurements and measuring diagrams in the guide. Collection swatches lead to the relevant shoe colour. Customers can establish which finish they want, then use the nearby sizing information to choose its label in a familiar system.
For your store
Place size conversions and model-specific advice beside the size selector.
Filling Pieces lets shoppers advance the photographs on collection cards. Its navigation also includes ordinary categories and seasonal edits. Views of the heel, sole and upper can reveal differences that a single profile misses. The image controls need a usable touch equivalent so phone shoppers can inspect the same details.
For your store
Give collection cards useful secondary angles with controls that also work on touch screens.
Hylo Athletics links directly to its principal models and presents the small range with few filters. Comparison content explains the technical differences. Customers can reach a shoe quickly, though model names still need plain descriptions of intended use to make sense to a first-time visitor.
For your store
Use direct model links and explain what each shoe is designed for.
Thousand Fell places editorial tiles about materials and its return programme within the product grid. Customers encounter those explanations while comparing shoes. Short tiles can answer a construction question at that point; repeated long brand statements would make it harder to scan the range.
For your store
Keep in-grid material explanations short and relevant to the shoes around them.
Diemme uses green type, rules and controls on an off-white background. Product and editorial photographs supply the material detail. The repeated palette gives the interface a consistent appearance, but the light typography still needs enough contrast for descriptions, links and purchase controls to remain readable.
For your store
Use a consistent palette while keeping text, links and purchase controls easy to distinguish.
Flattered's warm neutral shoe photographs sit close to the collection page colour. The consistent backgrounds outline each silhouette without a box around every card, while larger editorial images change the scale elsewhere. Product names need to remain clearly attached to their images as the layout becomes visually sparse.
For your store
Match product-photo backgrounds to simplify the grid, with clear labels under every shoe.
Oliver Cabell recommends shoe-care products and insoles on product and cart pages. These accessories relate to owning the selected pair. Recommendations need a short explanation of purpose and compatibility, and should leave the main size choice easy to reach. Their placement alone provides no evidence for health or comfort claims.
For your store
Explain which shoes an accessory fits and how the customer would use it.
A regional size conversion is useful, but it does not explain how every shoe fits. ESSĒN places regional sizes beside fit guidance, and Thesus gives advice for its boot families. Tell shoppers which measurement to take, which sizing system the selector uses and whether the model has a fit characteristic they should consider.
Use comparisons when several models serve similar needs. Atoms compares two models on the same criteria, while KARHU separates running shoes from lifestyle sneakers. Keep intended use, materials and fit information consistent across the range so shoppers can compare without translating different descriptions on every product page.
Availability can differ between sizes and colors of the same shoe. ALOHAS shows stock and delivery dates for each size, making the selected option’s status part of the purchase decision. For a preorder, distinguish the expected dispatch date from the shipping time that follows it. Keep that distinction in the cart as well as the product page.
Collection cards need to make the range understandable too. Allbirds gives individual colorways their own cards, while Filling Pieces shows extra product angles in the grid. Choose a presentation that helps customers compare, without making unavailable options look ready to buy.
Show several angles, the sizing system and fit advice for the model. Include materials, care and availability for the selected size, plus intended use for technical footwear.
Separate cards work when shoppers browse primarily by colour. Repeat the model name and keep unavailable options from filling the grid. A larger range may be easier to scan with colour swatches on one card per model.
Start with measurements and advice for each model. A quiz helps when its answers distinguish between the sizes or models for sale; it adds little if everyone receives the same recommendation.
Attach the preorder status and expected dispatch date to the selected size and color. Distinguish that date from delivery time, and repeat important timing information in the cart. Avoid a single availability message that hides differences between variants.
Compare the same details for each model: intended use, fit, materials and other differences that affect the choice. Link each option to its own size guidance. A comparison should explain why a shopper might choose one model over another.
Give Fudge a goal and a reference. It suggests changes for your store, builds a draft in your Shopify theme and reports back. You review each change before it goes live.
See how the store editor works