STYLE
GRID
ATOMS
MOLECULES
- Badges
- Form
- Data tables
- Alerts
- Progress bar
- Quantity widget
- Title header
- Search bar
- Search flyout
- Banners
- Product image
- Collapsible
- Coupon info
- Menu item
- Pictures menu
- Infospace
- Product rating
- Brushed text
- Product list item
- Product list empty
- Pills
ORGANISMS
- Header
- Footer
- Pagination
- Product widget
- Product recommendations
- Product tech data
- Product info
- Product comparison
- Product relations
- Product buy box
- Product gallery
- Product usp
- Product history
- Menu
- Mobile header
- Category tree
- Featured product
- Eye catcher
- Product list
- Newsletter signup
- Main navigation
Campaign card
- Full picture block
- Product highlight
- Voucher-code
- Header slider
- Primary campaign
- Campaign slider
- Featured categories
TEMPLATES
PAGES
DEVELOPER
Campaign Card
Tempalte Details:
Name:
Campaign Card
Documentation:
https://www.contorion.de/designsystem/organisms/campaign-card
Template:
@application/components/organisms/campaign-card.organism.twig
Twigprops:
brandSrc, cta, description, eyeCatcher, imageSrc, expirationDate, title
Campaign card
ReadyThe 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:
Das große Markensparen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a tortor vestibulum, posuere odio eu, vulputate metus. Aliquam at lacus ac magna rutrum sagittis. Pellentesque porttitor libero eu tellus gravida euismod. Aenean et risus venenatis, egestas justo in, congue velit. Duis id tristique dui.