Theme guide
A concise overview of what Altier Auto does on your storefront: product pages, cart, navigation, and other areas you can customize in the theme editor.
Product page
- Media — Multiple images use a horizontal slider with thumbnails; clicking a thumbnail updates the main image. Variants that change featured media scroll the gallery to the matching image.
- Full-size lightbox — Optional (section setting): opens a modal with large “contain” images, prev/next, keyboard arrows, and a counter. On fine pointers, clicking the main image opens the lightbox at the current slide; on touch, use the “Full size” control.
- Gallery badges — Optional two text badges over the gallery (theme editor; you can connect metafields with dynamic sources).
- Variants — Options render as pills; color swatches show both the swatch and the value label. Configure swatches in Admin (variant option settings).
- Highlights & chips — A label/value list can come from the
custom.specsproduct metafield (list of label/value pairs). Add “Spec chip” blocks for short pill tags (e.g. material or feature callouts). - Buy box — On large screens, quantity and the primary add-to-cart control sit on one row; dynamic checkout buttons stay full width below when enabled.
- JSON-LD — Structured product data is output for search rich results.
- Related items — Related and complementary product blocks appear when recommendations are available in the template.
Header & mobile menu
- Mobile navigation — Menu drawer opens from the header; glass/blur styling is scoped so the drawer is not clipped.
- Search — Search can use predictive results where the section is present and the suggest endpoint is enabled.
Cart & checkout
- Wording — Theme settings include Button and cart wording: optional overrides for add-to-cart, sold out, checkout, cart title, steps, empty state, remove line, and more. Leave fields empty to use the default English phrases, or enter your own for your brand.
- Cart page — Line discounts, unit prices, taxes-included messaging, and accelerated checkout buttons when enabled.
- Cart drawer — If used, integrates with cart APIs from the theme script.
Collections & search
- Collection — Sidebar filters (when available), sorting, and pagination.
- List collections — Template lists all collections with cards.
- Search — Faceted search when filters exist; predictive search UI on the search template where wired.
Accessibility
- Headings — Footer and key templates use a logical heading order (e.g. footer column titles under a screen-reader heading for the footer region).
- Skip link — Skip-to-content link is provided in the theme layout.
Footer & localization
- Country/language selectors when multiple markets or languages are available.
- Follow on Shop button where supported.
Gift cards
- Gift card template includes a scannable QR for the gift card payload.