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: '...' %}.

close
close-alt
play-circle
spinner
success-check
chat
download
email
hamburger
cart
cart-bag
phone
email-send
reddit
pinterest
facebook
instagram
youtube
free-shipping
warranty
customer-support
handmade
promo-percent
about-shipping
about-engineering
about-ease
about-support
feature-processor
feature-exchange
feature-weight
feature-motor
arrow-left
arrow-right
arrow-send
play-outline
linkedin
play-circle-outline
reason-money-back
reason-reviews
reason-warranty
reason-shipping
promo-usa-badge
discount
minus
plus
remove
success
promotion-sparks
promotion-gift

promo-banner-generic

USA flag (default, icon-left)

As rendered in hero-video for the usa-7 / memorial-day promos.

Memorial Day 2026
Memorial Day is almost here. Unlock Exclusive Savings: Get 7% Off Your Entire Order!
Gift (icon-right, sparks, overlap)

As rendered in hero-video for the promo-gift / black-friday promos.

Holiday Gift 2026
Give the gift of ergonomics. Limited-edition gift cards available now.

promo-signup

variant: bf

Black Friday email signup. Gold hero, single-row email + submit, consent checkbox.

variant: special-offers

Subscribe form with name + email + consent checkbox. Dark gradient hero with tag icon.

variant: usa

USA-styled signup: blue hero with flag, name + state + email, two-column layout on desktop.

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

.eh-button
.eh-button.eh-button--gold
.eh-button.disabled

Inputs

.promo-form-input (pill, borderless)

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.

.promo-form-email (pill, taller)

Used inline with a submit button on the bf variant. Also borderless.

checkbox (.promo-checkbox-wrap)

Used for consent in promo-signup forms.

radio group

Native radio inputs with inline labels.

input with label (stacked)

Label above input.

textarea

Multi-line text input.

select

Native dropdown.

disabled + error states
.ds-input-plain (generic)

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.

Description Features Stability Specs

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 satisfait ou remboursé
pendant 180 jours
4,9★
(900+ avis)
Garantie de
5 ans
Livraison GRATUITE

warranty-section

Dark banner with a masked image on one side and a title + body on the other. Stacks image-on-top below 1020px.

Garantie de 5 ans

Nous offrons une garantie de 5 ans pour un fonctionnement sans faille de tous les composants.

GARANTIE DE SATISFACTION À 100%
Si vous n'êtes pas entièrement satisfait du produit, vous pouvez nous le renvoyer à nos frais dans les 180 jours suivant sa réception et nous vous rembourserons intégralement.

card-product + product-grid

Primitives for collection pages, cart add-ons, and the homepage. Built on the shared .eh-card markup.

product-grid (4 cols)

Renders against collections.all.products, limited to 4.

product-grid (3 cols + view-all)

With view_all_url — renders the "View all" CTA under the grid.

Tout afficher
card-product (placeholder)

Rendered without card_product — the onboarding fallback.

Titre du produit

€100,00 EUR
€100,00 EUR

price

Product price with locale-aware currency formatting. Composes bundle-price internally for bundle products.

Lampe à bras mobile
Du €220,00 EUR
Du €220,00 EUR
with show_badges

Inline sale / sold-out pills when the product matches the condition.

Du €220,00 EUR
Du €220,00 EUR
Vente Épuisé

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.

Nos partenaires commerciaux

trust-faq

FAQ accordion, category-scoped. Reads from the faq metaobject (filtered by locale and optional currency). Click a question to expand it.

FAQ

Quels sont les délais de livraison actuels ?

Les délais de livraison estimés sont calculés dynamiquement en fonction de la configuration sélectionnée et s’affichent dans le configurateur sous le bouton de commande. Si vous souhaitez reporter l’expédition en raison d’un voyage ou de vacances, il vous suffit de passer votre commande puis de nous envoyer un e-mail — nous organiserons l’expédition selon la date de livraison souhaitée.

Puis-je reporter l’expédition de ma commande ?

Oui. Si vous partez en vacances ou souhaitez recevoir votre bureau à une date ultérieure, il vous suffit de passer votre commande puis de nous envoyer un e-mail. Nous organiserons volontiers l’expédition selon la date de livraison souhaitée.

Est-il possible de retirer les multiprises attachées ?

Oui, c'est très simple car les multiprises sont fixées avec des vis sur le couvercle, comme le montre la vidéo jointe. Il suffit de les déplacer vers la gauche ou vers la droite.

Devez-vous maintenir le bouton enfoncé pour changer la hauteur du bureau d'une position pré-enregistrée à une autre ?

Non. Une simple pression légère suffit!

Est-il possible d'acheter un bureau ErgoHide et de commander des accessoires supplémentaires ultérieurement ?

Oui, tous nos bureaux sont préparés à l'avance pour tous les accessoires compatibles, vous pouvez donc décider de les mettre à niveau à tout moment ultérieur.

Est-ce qu'un bureau debout me convient ?

Les bureaux debout conviennent à toute personne qui passe beaucoup de temps assise à un bureau et souhaite réduire la tension sur son dos, améliorer sa santé et sa productivité. Ils sont également recommandés pour les personnes souffrant de problèmes de santé tels que des douleurs dorsales ou cervicales.

Quels sont les avantages de l'utilisation d'un bureau debout ?

L'utilisation d'un bureau debout présente de nombreux avantages, notamment la réduction de la tension sur le dos, l'amélioration de la posture et de la santé, l'augmentation de la productivité et la promotion de la créativité.

Comment choisir le bon bureau debout pour moi ?

Lors du choix d'un bureau debout, vous devez prendre en compte la taille et la forme du bureau, le matériau et la forme de la base, la plage de réglage en hauteur, la vitesse du mécanisme de levage et de descente, ainsi que d'autres fonctionnalités qu'il offre. Il est recommandé de consulter un expert avant d'effectuer un achat.

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).

Regardez nos vidéos

Vidéo d’instructions de montage
Vous venez de recevoir votre bureau ? Cette vidéo vous guide pas à pas à travers l’ensemble du processus de montage.
Avant / Après
Regardez la vidéo et découvrez comment un client a modernisé son bureau.
Déballage

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.

free-shipping

Current output for the active locale/currency:

LIVRAISON GRATUITE dans TOUS les pays de l'UE!
phone-number

USD → US number; everything else → EU number.

+49 15888 279287