ORGANISMS

Product Widget

Product widget organism is used for displaying product data. It is currently being used across the site in different places. Depending on its usage product widget can be rendered as different sizes and views while still accepting the same product data. These views include tile view (incl. mobile-optimized version), list view and tile-desktop view (desktop view also forced on mobile).

Sketch name:

Organisms/Product Widget

Tempalte Details:

Name:

Product Widget (Proxy)

Documentation:

https://www.contorion.de/designsystem/organisms/product-widget

Template:

@application/components/organisms/product-widget.organism.twig

Twigprops:

url, image, name, rating, deliveryTimeRangeInDays, price, badgeFirst, badgeSecond, variants, variant, isInStock, isVatIncluded, unitsPerPackage, deliveryTimeText, deliveryTimeColor, priceRetailFormatted, priceCurrentFormatted, size


Product widget - tile view

Ready
The component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.

Fluid:

STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)
STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)

Responsive:


Product widget - list view

Ready
The component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.

Fluid:

STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)
STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)

Responsive:


Product widget - tile desktop view

Ready
The component documented here is fully refactored and can freely be used in shop. Any other implementation of this components should be replaced with the one documented here.

Fluid:

STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)
STIER Senkkopf-Spanplattenschraube, Stahl, galvanisch verzinkt
Neu im Sortiment
Angebot
Angebot
Lieferzeit: 1-2 Arbeitstage
UVP 6,40 €
ab 4,21 €
inkl. MwSt. (10 Stk. / VPE)

Responsive: