Duplicate your theme before editing any code. In your Shopify admin go to Online Store → Themes, open the actions menu (
…) on Mirenique and choose Duplicate. Always edit the copy so you can return to a clean working version.Sections and blocks
Use Add section in the Theme Editor to insert any section on JSON templates. Click a section to edit its settings, or drag the handle to reorder sections.
Beauty & education sections
| Section | What it does | Setup tips |
|---|---|---|
| Hero | Editorial introduction with two-voice heading, optional specimen plate image, callout product card, and three layout modes (Tall image beside heading, Full image behind heading, or Wide image below heading). | Wrap a key phrase in *asterisks* or <em> to style it in the italic accent font. Toggle the arch frame on the primary image if desired. |
| Ingredient index | Alphabetical formulary glossary where shoppers filter ingredients by letter or browse key actives alongside concentration badges, origin, benefits, and a linked product. | Add one Ingredient block per active (e.g., Niacinamide, L-Ascorbic Acid, Squalane) and optionally link a featured product. |
| Concern finder | Interactive, app-free guided selector. Shoppers pick a primary skin concern or hair type to reveal a tailored recommendation card and collection link. | Customize the Choices label (e.g., “Choose your primary skin concern” or “Choose your hair type”) and add one block per concern. |
| Daily routine | Step-by-step regimen builder with Morning (AM) and Evening (PM) tabs, step numbers, application notes, and an Add all steps to bag button that adds every available step in one click. | Add Step blocks, assign each to Morning, Evening, or Both, and link a product to each step. |
| Shade range | Visual shade matrix displaying every color/shade variant of a hero product as clickable swatch tiles with shade names and undertone labels. | Select a multi-shade product (such as foundation, concealer, or lip color). Uses native Shopify swatches when present, with graceful text-tile fallback. |
| Principles | Numbered editorial pillars with optional sticky side image for communicating formulation standards, testing ethics, or sourcing rules. | Use on the About page or home page with 3–6 Principle blocks. |
| Milestones | Chronological timeline of brand or formulation milestones with year/label markers. | Add one block per milestone on your About or story template. |
Core merchandising & storytelling sections
| Section | What it does | Setup tips |
|---|---|---|
| Announcement bar | Top utility bar displaying announcements plus optional country/currency and language selectors. | Lives in the Header section group. |
| Featured collection | Product grid from a chosen collection, with an optional editorial side card (image, caption, and CTA) beside the grid. | Set 2–4 columns on desktop and 2–12 products. |
| Collection list | Bento or uniform grid of collection cards with item counts and custom cover images. | Add one block per collection. |
| Featured product | Full product media and buying form embedded on any template. | Supports @app blocks and variant swatches. |
| Split feature | Asymmetric 50/50 image-and-text story section with optional arch frame, specification rows, and dual CTA buttons. | Alternate image placement left/right across stacked sections. |
| Marquee | Continuous horizontal ticker for brief formulation credentials or shipping notes. | Automatically pauses on hover/focus and respects prefers-reduced-motion. |
| Rich text | Editorial statement section with eyebrow label, heading, prose, and buttons. | Ideal for brand manifestos or clinical disclaimers. |
| Testimonials | Customer or esthetician quotes with optional rating stars, attribution, and product context. | Use authentic merchant-collected testimonials only. |
| FAQ | Accessible collapsible accordion using native <details> elements with optional side contact prompt. | Works with or without JavaScript. |
| Blog posts | Editorial journal preview showing article cover images, tags, publication date, reading time, and excerpts. | Select your blog and 2–4 articles. |
| Newsletter | Email marketing signup form (`form 'customer'`) with accessible success and error states. | Add a brief note explaining email frequency. |
| Custom Liquid & Apps | Dedicated Custom Liquid section and Apps section for third-party app blocks and custom snippets. | Available across all JSON templates. |