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.

Εγγύηση επιστροφής χρημάτων 180 ημερών
4,9★
(900+ αξιολογήσεις)
5ετής
εγγύηση
ΔΩΡΕΑΝ αποστολή

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 ετών

Παρέχουμε εγγύηση 5 ετών για την άψογη λειτουργία όλων των εξαρτημάτων.

100% ΕΓΓΥΗΣΗ ΙΚΑΝΟΠΟΙΗΣΗΣ
Εάν δεν είστε απόλυτα ικανοποιημένοι με το προϊόν, μπορείτε να το στείλετε πίσω με δικά μας έξοδα εντός 180 ημερών από την παραλαβή του και θα σας επιστρέψουμε τα χρήματα πλήρως.

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.

Προβολή όλων
card-product (placeholder)

Rendered without card_product — the onboarding fallback.

Παράδειγμα τίτλου προϊόντος

€100,00 EUR
€100,00 EUR

price

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

Ρυθμιζόμενη λάμπα LED
Από €220,00 EUR
Από €220,00 EUR
with show_badges

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

Από €220,00 EUR
Από €220,00 EUR
Έκπτωση Εξαντλήθηκε

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.

Συχνές Ερωτήσεις

Ποιοι είναι οι τρέχοντες χρόνοι παράδοσης;

Οι εκτιμώμενοι χρόνοι παράδοσης υπολογίζονται δυναμικά με βάση τη διαμόρφωση που έχετε επιλέξει και εμφανίζονται στον διαμορφωτή κάτω από το κουμπί παραγγελίας. Αν θέλετε να καθυστερήσετε την αποστολή λόγω ταξιδιού ή διακοπών, απλώς ολοκληρώστε την παραγγελία σας και στείλτε μας ένα email — θα προγραμματίσουμε την αποστολή σύμφωνα με την επιθυμητή ημερομηνία παράδοσης.

Μπορώ να καθυστερήσω την αποστολή της παραγγελίας μου;

Ναι. Αν πρόκειται να πάτε διακοπές ή θέλετε να παραλάβετε το γραφείο σας σε μεταγενέστερη ημερομηνία, απλώς ολοκληρώστε την παραγγελία σας και στη συνέχεια στείλτε μας ένα email. Θα χαρούμε να προγραμματίσουμε την αποστολή σύμφωνα με την επιθυμητή ημερομηνία παράδοσης.

Είναι δυνατόν να αφαιρέσετε τις προσαρτημένες λωρίδες τροφοδοσίας;

Ναι, είναι πολύ απλό καθώς οι λωρίδες τροφοδοσίας είναι προσαρτημένες στις βίδες στο καπάκι, όπως φαίνεται στο συνημμένο βίντεο. Απλώς μετακινήστε τις προς τα αριστερά ή τα δεξιά.

Χρειάζεται να κρατήσετε το κουμπί για να αλλάξετε το ύψος του γραφείου από μία προαποθηκευμένη θέση σε μια άλλη;

Όχι. Μία απαλή πίεση είναι ΟΛΑ όσα χρειάζεται!

Είναι δυνατόν να αγοράσετε ένα γραφείο ErgoHide και να παραγγείλετε επιπλέον αξεσουάρ αργότερα;

Ναι, όλα τα γραφεία μας είναι προετοιμασμένα για όλα τα συμβατά πρόσθετα, έτσι μπορείτε να αποφασίσετε να τα αναβαθμίσετε ανά πάσα στιγμή αργότερα.

Είναι το γραφείο στάσης κατάλληλο για εμένα;

Τα γραφεία στάσης είναι κατάλληλα για οποιονδήποτε περνά πολλές ώρες σε ένα γραφείο και θέλει να μειώσει την πίεση στην πλάτη και να βελτιώσει την υγεία και την παραγωγικότητά του. Συνιστώνται επίσης για όσους έχουν προβλήματα υγείας όπως πόνος στην πλάτη ή τον αυχένα.

Ποια είναι τα οφέλη της χρήσης ενός γραφείου στάσης;

Η χρήση ενός γραφείου στάσης προσφέρει πολλά οφέλη, συμπεριλαμβανομένης της μείωσης της πίεσης στην πλάτη, της βελτίωσης της στάσης του σώματος και της υγείας, της αύξησης της παραγωγικότητας και της προώθησης της δημιουργικότητας.

Πώς μπορώ να επιλέξω το κατάλληλο γραφείο στάσης για εμένα;

Όταν επιλέγετε ένα γραφείο στάσης, θα πρέπει να λάβετε υπόψη το μέγεθος και το σχήμα του γραφείου, το υλικό και το σχήμα της βάσης, το εύρος ρύθμισης ύψους, την ταχύτητα του μηχανισμού ανύψωσης και καθίζησης, καθώς και άλλα χαρακτηριστικά που προσφέρει. Συνιστάται η συμβουλή με έναν ειδικό πριν κάνετε μια αγορά.

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

Δείτε τα βίντεό μας

Βίντεο με οδηγίες συναρμολόγησης
Μόλις παραλάβατε το γραφείο σας; Σε αυτό το βίντεο θα βρείτε αναλυτικές οδηγίες για ολόκληρη διαδικασία συναρμολόγησης.
Πριν / Μετά
Δείτε το βίντεο για να δείτε πώς ένας πελάτης ανανέωσε το γραφείο του.
Αποσυσκευασία

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:

ΔΩΡΕΑΝ ΑΠΟΣΤΟΛΗ σε ΟΛΕΣ τις χώρες της ΕΕ!
phone-number

USD → US number; everything else → EU number.

+49 15888 279287