Design system
Showcase of reusable components and their variants. Use this page during development to verify visual consistency after changes.
eh-icon
Every icon name supported by {% render 'eh-icon', icon: '...' %}.
promo-banner-generic
As rendered in hero-video for the usa-7 / memorial-day promos.
As rendered in hero-video for the promo-gift / black-friday promos.
promo-signup
Black Friday email signup. Gold hero, single-row email + submit, consent checkbox.
Memorial Day 2026
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
Subscribe form with name + email + consent checkbox. Dark gradient hero with tag icon.
Memorial Day is almost here. Unlock Exclusive Savings: Get 7% Off Your Entire Order!
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
USA-styled signup: blue hero with flag, name + state + email, two-column layout on desktop.
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
promo-gift-card
Rendered in trust / hero-video when the active promo handle is promo-gift. Reads from the promotion metaobject — shown only if that
metaobject exists.
No promo-gift metaobject exists in this store — nothing to preview.
promo-black-friday
Rendered in trust when the active promo handle is black-friday-cyber-monday-special. Reads from the promotion metaobject.
No black-friday-cyber-monday-special metaobject exists in this store — nothing to preview.
Buttons
Inputs
Used in promo-signup forms for name/state/email. Borderless — designed to sit on a coloured surface (--color-surface-alt). Styles are scoped to .s-promo-signup.
Used inline with a submit button on the bf variant. Also borderless.
Used for consent in promo-signup forms.
Native radio inputs with inline labels.
Label above input.
Multi-line text input.
Native dropdown.
Not a shared class — shown as a fallback example of a rectangular input.
tabs-wrap
Tab strip defined in all.less. The .active tab gets a gold underline; tabs have no built-in click behaviour — callers wire it up themselves.
four-reasons-to-buy
Four trust badges (money back, reviews, warranty, free shipping). Free-shipping label includes a minimum-spend note when product.price < 10000 — outside a product context that
conditional is falsy.
garantie
(900+ beoordelingen)
garantie
warranty-section
Dark banner with a masked image on one side and a title + body on the other. Stacks image-on-top below 1020px.
5 jaar garantie
100% TEVREDENHEIDSGARANTIE
ls u niet volledig tevreden bent met het product, kunt u het binnen 180 dagen na ontvangst op onze kosten terugsturen en krijgt u het volledige bedrag terug.
card-product + product-grid
Primitives for collection pages, cart add-ons, and the homepage. Built on the shared .eh-card markup.
Renders against collections.all.products, limited to 4.
-
Lamp met beweegbare arm
Normale prijs Vanaf €220,00 EURNormale prijsEenheidsprijs per -
Kabelbeheerunit
Normale prijs €150,00 EURNormale prijsEenheidsprijs per -
Zwenkwielen met rem
Normale prijs Vanaf €40,00 EURNormale prijsEenheidsprijs per -
Klassiek hoekframe
Normale prijs €490,00 EURNormale prijsEenheidsprijs per
With view_all_url — renders the "View all" CTA under the grid.
-
Lamp met beweegbare arm
Normale prijs Vanaf €220,00 EURNormale prijsEenheidsprijs per -
Kabelbeheerunit
Normale prijs €150,00 EURNormale prijsEenheidsprijs per -
Zwenkwielen met rem
Normale prijs Vanaf €40,00 EURNormale prijsEenheidsprijs per
Rendered without card_product — the onboarding fallback.
Voorbeeld producttitel
price
Product price with locale-aware currency formatting. Composes bundle-price internally for bundle products.
Inline sale / sold-out pills when the product matches the condition.
trust-partners
Grayscale partner-logo row on a light background. Amazon link switches TLD by request.locale.iso_code; Slovenian locale shows two extra logos.
trust-faq
FAQ accordion, category-scoped. Reads from the faq metaobject (filtered by locale and optional currency). Click a question to expand it.
FAQ
Wat zijn de actuele levertijden?
De geschatte levertijden worden dynamisch berekend op basis van de door u gekozen configuratie en worden in de configurator weergegeven onder de bestelknop. Als u de verzending wilt uitstellen vanwege een reis of vakantie, plaatst u gewoon uw bestelling en stuurt u ons een e-mail — wij plannen de verzending in op uw gewenste leverdatum.
Kan ik de verzending van mijn bestelling uitstellen?
Ja. Als u op vakantie gaat of uw bureau liever op een later moment ontvangt, plaatst u gewoon uw bestelling en stuurt u ons daarna een e-mail. Wij plannen de verzending graag in op uw gewenste leverdatum.
Is het mogelijk om de bijgevoegde stekkerdozen te verwijderen?
Ja, dat is heel eenvoudig, aangezien de stekkerdozen met schroeven aan het deksel zijn bevestigd, zoals te zien is in de bijgevoegde video. Verplaats ze gewoon naar links of naar rechts.
Moet u de knop ingedrukt houden om de hoogte van het bureau te veranderen van de ene vooraf opgeslagen positie naar de andere?
Nee. Een zachte druk is alles wat nodig is!
Is het mogelijk om een ErgoHide bureau te kopen en later aanvullende accessoires te bestellen?
Ja, al onze bureaus zijn vooraf voorbereid op alle compatibele toevoegingen, zodat je kunt besluiten later te upgraden.
Is een zit-stabureau geschikt voor mij?
Zit-stabureaus zijn geschikt voor iedereen die veel tijd achter een bureau doorbrengt en de belasting op hun rug wil verminderen, hun gezondheid en productiviteit wil verbeteren. Ze worden ook aanbevolen voor mensen met gezondheidsproblemen zoals rug- of nekpijn.
Wat zijn de voordelen van het gebruik van een zit-stabureau?
Het gebruik van een zit-stabureau heeft veel voordelen, zoals het verminderen van de belasting op de rug, het verbeteren van de houding en gezondheid, het verhogen van de productiviteit en het bevorderen van de creativiteit.
Hoe kan ik het juiste zit-stabureau kiezen?
Bij het kiezen van een zit-stabureau moet je rekening houden met de grootte en vorm van het bureau, het materiaal en de vorm van de basis, het bereik van de hoogteverstelling, de snelheid van het hef- en daalmechanisme en andere functies die het biedt. Het wordt aanbevolen om een expert te raadplegen voordat je een aankoop doet.
customer-photos
Customer-setup carousel. The snippet emits the data script; the Vue Carousel is lazy-mounted by all.js once #customer-photos-carousel scrolls near the
viewport.
videos-section
Feature-video grid. Reads the videos metaobject collection and filters per product context (none here, so unboxing + generic assembly videos are shown). Click a thumbnail to open
the YouTube / MP4 popup (requires video-popup rendered on the same page — included below).
Bekijk onze video’s
Net je bureau ontvangen? In deze video vind je duidelijke instructies voor het volledige montageproces.
Bekijk de video en zie hoe een klant zijn kantoor heeft vernieuwd.
Locale-aware text
These snippets output text that depends on localization.country.currency.iso_code and request.locale.iso_code. Switch the currency/locale in the theme toolbar to see
variants.
Current output for the active locale/currency:
USD → US number; everything else → EU number.
