Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageStorefront Panel Nav
Lifestyle-store header as a plain, fully editable Etch tree: header > strip (service links, an "Announcement Rotator" wrapper component holding "Announcement Message" instances, region picker) > nav area (bar: menu butto…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Storefront Panel Nav reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Footers and headers
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 20
Set on the section, in Etch’s attributes panel. No code needed.
data-themecolours of the strip, bar, panels and drawers
data-accentACSS colour for counts, badges, the delivery meter and focus accents
data-positionsticky pins the header and hides the demo stage
data-alignplacement of the primary links on desktop
data-triggerhow desktop panels open (click and keyboard always work)
data-close-delayms · hover intent
data-animhow panels open
data-durationms · and
data-easingor a cubic-bezier · for panels and drawers
data-previewthe photo that follows the hovered link in each panel
data-overlaydims the page while a panel is open
data-searchthe search pill, its panel and the / shortcut
data-wishlistthe wishlist link
data-regionthe region and currency picker
data-announcementthe top strip
data-drawerside the phone menu slides in from
data-scroll-locklocks page scroll while a drawer is open
data-currencysymbol · and
data-free-shippingamount · for the cart maths
data-stagethe demo campaign photo under the header
Component props 5
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
interval4500
autoplayTrue
pauseOnHoverTrue
effectslide
directionup
duration600
easingsmooth
showArrowsTrue
labelAnnouncements
textFree carbon-neutral delivery on orders over €200
icontruck
showLinkTrue
linkLabelDetails
url#delivery
labelKnitwear
url#knitwear
imagehttps://images.unsplash.com/photo-1434389677669-e08b4cac3105?w=720
imageAltCream open-knit top on a wooden hanger
caption38 styles
showBadgeFalse
badgeNew
imagehttps://images.unsplash.com/photo-1434389677669-e08b4cac3105?w=480
imageAltCream open-knit cotton top on a hanger
titleOpen-knit Cotton Top
url#product
price€89
showCompareFalse
comparePrice€110
showBadgeFalse
badgeNew
showMetaTrue
meta3 colours
layoutstacked
imagehttps://images.unsplash.com/photo-1591047139829-d91aecb6caea?w=240
imageAltRust bomber jacket on a hanger
titleRust Bomber Jacket
url#product
showVariantTrue
variantRust, size M
price129
qty1
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
