4. Homepage Sections Guide• 5 min read

4. Homepage Sections Guide (Section-by-Section)

Detailed section customization guide for Hero Split, Shoppable Lookbook, Tabbed Trending Showcase, Before/After Slider, Press Marquee, and Editorial Narrative.

4. Homepage Sections Guide (Section-by-Section)

Explore Novakrift's editorial section library engineered to build narrative authority and high visual impact.

4.1 Hero Split (`hero-split.liquid`) - Features 7:9 or 3:4 portrait luxury visuals with eager LCP image loading (`fetchpriority="high"`).

4.2 Shoppable Lookbook (`shop-the-look.liquid`) - Interactive campaign images with dynamic Hotspot Pins positioned using X% and Y% coordinates in Theme Customizer. Clicking pins opens a quick drawer with product title, price, and instant cart purchase.

4.3 Tabbed Trending Showcase (`tabbed-trending.liquid`) - Zero-reload AJAX category tabbing widget for filtering collection highlights without refreshing the page.

4.4 Before/After Fabric Slider Setup (`before-after-slider.liquid`) - Interactive comparison slider to compare fabric textures, tailored fit differences, or color variations.

4.5 Press Marquee (`press-marquee.liquid`) - Infinite scrolling marquee displaying press logos (Vogue, GQ, Harper's Bazaar, Elle, Vanity Fair) with customizable scroll speed.

4.6 Editorial Narrative & Craftsmanship Storytelling - `atelier-craftsmanship.liquid` & `editorial-narrative.liquid`: High-fashion serif typography sections highlighting sustainable fabric sourcing and artisan craftsmanship.