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.
(900+ reseñas)
5 años
warranty-section
Dark banner with a masked image on one side and a title + body on the other. Stacks image-on-top below 1020px.
5años de garantía
GARANTÍA DE SATISFACCIÓN DEL 100%
Si no estás completamente satisfecho con el producto, puedes devolverlo sin cargo adicional dentro de los 180 días posteriores a su recepción y te proporcionaremos un reembolso completo.
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.
-
Lámpara con brazo móvil
Precio habitual A partir de €220,00 EURPrecio habitualPrecio unitario por -
Bandeja de gestión de cables
Precio habitual €150,00 EURPrecio habitualPrecio unitario por -
Ruedas con frenos
Precio habitual A partir de €40,00 EURPrecio habitualPrecio unitario por -
Marco clásico de esquina
Precio habitual €490,00 EURPrecio habitualPrecio unitario por
With view_all_url — renders the "View all" CTA under the grid.
-
Lámpara con brazo móvil
Precio habitual A partir de €220,00 EURPrecio habitualPrecio unitario por -
Bandeja de gestión de cables
Precio habitual €150,00 EURPrecio habitualPrecio unitario por -
Ruedas con frenos
Precio habitual A partir de €40,00 EURPrecio habitualPrecio unitario por
Rendered without card_product — the onboarding fallback.
Ejemplo de nombre del producto
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
¿Cuáles son los plazos de entrega actuales?
Los plazos de entrega estimados se calculan dinámicamente según la configuración seleccionada y se muestran en el configurador debajo del botón de pedido. Si deseas retrasar el envío por un viaje o vacaciones, simplemente realiza tu pedido y envíanos un correo electrónico — programaremos el envío según la fecha de entrega que prefieras.
¿Puedo retrasar el envío de mi pedido?
Sí. Si te vas de vacaciones o prefieres recibir tu escritorio más adelante, simplemente realiza tu pedido y envíanos un correo electrónico después. Estaremos encantados de programar el envío según la fecha de entrega que prefieras.
¿Es posible quitar las regletas de enchufes adjuntas?
Sí, es muy sencillo, ya que las regletas están sujetas con tornillos en la tapa, como se muestra en el video adjunto. Solo muévalas hacia la izquierda o hacia la derecha.
¿Necesitas mantener presionado el botón para cambiar la altura del escritorio de una posición pre-guardada a otra?
No. ¡Un suave empujón es TODO lo que se necesita!
¿Es posible comprar un escritorio ErgoHide y pedir accesorios adicionales más tarde?
Sí, todos nuestros escritorios están pre-preparados para todos los complementos compatibles, así que puedes decidir actualizarlos en cualquier momento posterior.
¿Es una mesa de pie adecuada para mí?
Las mesas de pie son adecuadas para cualquier persona que pase mucho tiempo sentada en una mesa y quiera reducir la tensión en su espalda, mejorar su salud y productividad. También se recomiendan para aquellos con problemas de salud como dolor de espalda o cuello.
¿Cuáles son los beneficios de usar una mesa de pie?
Usar una mesa de pie tiene muchos beneficios, incluyendo reducir la tensión en la espalda, mejorar la postura y la salud, aumentar la productividad y promover la creatividad.
¿Cómo elegir la mesa de pie adecuada para mí?
Al elegir una mesa de pie, debes considerar el tamaño y la forma de la mesa, el material y la forma de la base, el rango de ajuste de altura, la velocidad del mecanismo de elevación y descenso, y otras características que ofrece. Se recomienda consultar con un experto antes de realizar una compra.
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).
Ver nuestros vídeos
¿Acabas de recibir tu escritorio? En este vídeo encontrarás instrucciones detalladas para todo el proceso de montaje.
Mira el video y descubre cómo un cliente transformó su oficina.
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.
