Ga verder naar:
1. Hero Images Component (With Different variations)
The hero banner is a full-width image, which is pulled from the asset bank (TAB). This component can be used to present full-width images anywhere on the page, but is usually positioned at the top below the main header navigation.The hero banner has an optional title, subtitle and Call To Action (CTA) button. There are different banner styles which can be chosen.
1.1 Is with big titles and a CTA button left aligned. Smaller text can also be added. The CTA button can be removed.
1.2 It contains a simple CTA title but a button and small text can also be added.
1.3 Is with big titles and a CTA button centered in the middle. Smaller text can also be added. The CTA button can be removed.
2. Product Listing
Products can be chosen from a product category, by tags (such as dry-skin for example) or manually. The title (in the example ‘Populaire producten’) can be changed.
Populaire producten
( 8 )
Zwitsal Billendoek Lotion 1x65st 12x
Zwitsal Billendoek Sensitive 1x57st 12x
Zwitsal Deo Original 100ml 6x
Zwitsal Deo Poederzacht 100ml 6x
Zwitsal Snoetenpoetsers B&G 40ST 12x
Zwitsal Eau De Zwitsal 95ml 12x
3. Article Listing
The article listing component might look different between brands because of their styling. It is possible to add more than 4 articles. It is also possible to add a button that links to ‘all articles’.
Gerelateerde Inspiratie
4. Featured Content Components (With Different Variations)
Featured content components can be configured in multiple ways.
4.1 video with heading
This component highlights a video by placing a large video in the middle of the page, with a title above it. For the video it is possible to mute audio, auto play and loop it.
Meet our Hair Hackers
4.2 Secondary header
This component displays a large image and a title + button underneath. It is only possible two display two items next to each other. Text can be added underneath the big title. Below you will find two images, they're the same but one is in .jpeg and one is in .png format.
4.3 About Icons
The ‘about icons’ component makes it possible to list to content next to each other. This is commonly used to list KPI’s. The most common amount is three, but four or five items is also an option. Please keep in mind that how more items you add, how more the text will pushed in so the text will be longer. With this component it is possible to add images, titles and paragraphs. Only images or only text is also possible.
4.4 What’s in/out section
Similar to the ‘about icons’, but then with a nice grey background and two components next to each other. Here it possible to only display two items.
4.5 Featured Article (With out background)
This component displays and image to one side and text, a title and a button on the other side. It is possible to display the content the other way around too (image left, text right).
pH huidneutraal
De producten bevatten pure, natuurlijke ingrediënten die het huidje verzorgen en de natuurlijke vochtbalans helpen te behouden. Zwitsal Naturals is pH huidneutraal en vrij van parabenen en zeep (zoals alle Zwitsal producten) en bevat geen kleurstoffen of SLES schuimmiddel.
4.6 Single Featured content Article (With Background)
This component displays and image to one side and text, a title and a button on the other side. It is possible to display the content the other way around too (image left, text right).
Krijg tips van experts voor jou en je kindje
Als ouder zit je vast met heel wat vragen over de zorg voor je kleintje. Onze experts staan klaar met antwoorden. Schrijf je in voor onze nieuwsbrief en ontdek tips, promoties en het beste voor je kindje.
4.7 Centered Featured Content
Possible to add background image instead of the grey colour.
5. Navigation Tiles
This component dispalys all the article pages. To configure this, we need to provide parent page path and all the articles pages will be displayed.
6. Centered Big Title
This component dispalys Centered big title with subtitle below.
#1 The summer eyes series: Lining and Shading
Heat treatment is getting more popular everyday. Most of us have our own conceptions about this treatment.
7. Contact Us
This component dispalys Contact us information with different variations.
7.1 Contact us boxes
This component shows contact us information in boxes.
Contact us
We’ll help you find what you’re looking for.
Email Us
Send us an email - we'll get back to you soon.
send an email
7.2 Contact us boxes (Vertical)
This component shows contact us information in boxes vertically.
Contact us
We’ll help you find what you’re looking for.
7.3 Contact us without box (Vertical)
This component shows contact us information vertically without box.
Call us
1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time
Emergency Hotline
1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.
7.4 Contact us without box
This component shows contact us information without box.
Call us
1-800-555-8888
Monday-Friday
8:30 AM-6:00 PM Eastern Time
Emergency Hotline
1-800-555-8888
This number is available 24 hours
a day/ 7 days a week.