Elarune — Detailed setup & updates

Configure editorial skincare sections, color systems, swatches, and safe update workflows for your Elarune storefront.

1. Visual identity & color schemes

Under Theme settings → Colors, Elarune includes five color schemes. Each scheme sets a background (or gradient), text, secondary text, accent and button color, text on accent, and border color.

• Porcelain: the default warm ivory scheme. The first scheme in the list is also used for the page background, header, footer and product pages.
• Linen: a slightly deeper neutral for alternating sections.
• Rosewood: the brand accent as a background, for campaign moments.
• Velvet Noir: a dark scheme with a soft gold accent.
• Botanical: a pale green scheme with a forest accent.

Sections such as Slideshow, Image with text, Rich text, Multicolumn, Collapsible content, Video, Logo list, Countdown banner, FAQ, Featured collection and product recommendations each have a Color scheme setting. Edit a scheme once and every section using it updates.

Other global settings: Layout (maximum page width, section spacing), Buttons (corner radius, lettering) and Product cards (card style, image ratio and fit, product type, swatches, rating, sale badge style, sold out label).

2. Homepage section architecture

• Editorial hero: Hero product showcase pairing campaign visual media with direct variant purchasing blocks. Supports separate desktop and mobile framing ratios.
• Routine chapters: Stepped morning and evening routine explorer grouping cleansers, serums, and moisturisers in their order of application.
• Editorial rail: Horizontal touch-snapped card carousel highlighting active botanicals, press features, and editorial lookbooks.
• Before / after transformation: Side-by-side interactive split slider with accessible keyboard slider controls.
• Formula matrix: Side-by-side comparison tables highlighting key actives, texture viscosity, and target skin concerns.

3. Product page conversion blocks

Configure Elarune's built-in conversion tools directly in Online Store → Themes → Customize → Products → Default product:

• Volume & Tiered Pricing: Add the Volume Pricing block to offer 1-pack, duo, and ritual trio discount tiers. Configure tier percentages and highlight badges ("Most Popular", "Best Value") directly from the sidebar, then create a matching automatic discount in Shopify Admin → Discounts so tier prices apply at checkout.
• Low-stock indicator & batch details: In the Inventory block, set your low-stock threshold slider (1 to 30 units). The indicator reads real variant inventory, so inventory tracking must be enabled. Optionally show batch details.
• Back-in-stock sign-up: Built into the buy buttons block. Appears automatically when a variant is sold out and stores the shopper's email as a Shopify customer with restock tags, which you can use in Shopify Flow to send notifications.
• Sticky Add to Cart: Enable under Product information section settings using the Show sticky add to cart checkbox.

4. Product swatches and shade matching

Elarune natively binds to Shopify's Category Swatch data. When configuring variants with a Color option, connect real HEX values or swatch image files under your product's variant options in Shopify Admin. Text labels serve as a reliable fallback when swatches are not configured.

5. Customer accounts, gift cards and featured products

Customer accounts

Elarune ships templates for every customer account page: login, register, account overview, order detail, addresses, account activation and password reset. Nothing needs configuring — the pages follow your colour palette and typography automatically. If your store uses Shopify's new customer accounts, the login link sends customers to Shopify's hosted flow instead, which is expected behaviour.

Gift card page

The gift card template shows the code, a QR code for in-store redemption and an Apple Wallet link. To sell gift cards, add a gift card product under Products → Gift cards and publish it to the Online Store. On a gift card product page Elarune hides stock status, batch details, volume pricing and the shipping policy link, since none of them apply, and shows the recipient fields instead so a customer can send the card by email on a chosen date.

Featured product section

Use Add section → Featured product on any template to place a single product with its gallery, price, variant options and add-to-cart form. The section carries the same blocks as the product page — vendor, title, price, description, buy buttons, product link — plus app blocks and Custom Liquid. When no product is selected the section stays out of the storefront entirely, so an unconfigured section never shows an empty container.

6. Updating and backup recovery

Prior to updating your theme:

1. Create a duplicate backup of your current active theme in Online Store → Themes.
2. Record any custom Liquid snippets, third-party tracking scripts, or custom CSS additions.
3. Upload the new release ZIP as an unpublished draft, verify custom settings in preview mode, and publish only after verifying cart checkout.

If an update ever introduces unexpected behavior, you can instantly re-publish your preserved backup copy with zero downtime.