Demopage

Description of the theme.

Shared multi media component

This component looks the same as the shared mdm multi media component, but you can fill in the content at the component itself instead of MDM.
If you want to add a video, scroll down in this component to:  MDM Video.
Look for the video at MDM > Accommodations > [park name] or in this case Demopage > Video > Video demopage
When an image is added tot he Video demopage part, this image will be used in the component (this will also be the image on mobile).

Sizes of images:
- left image: 300x350 or 6:7
- other images: 1280x960 or 4:3
On mobile the image will show above.
 
Button 1

Shared white image right multifunctional component

This is a component without a background and the image on the right side.
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show below.
 
Button 1Link 1

Shared blue image right multifunctional component

This is a component with a blue background and the image on the right side.
Important: the title is outside the blue component. 
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show below.
 
Button 1Link 1

Shared blue inline title image right mutlfunctional component

This is a component with a blue background and the image on the right side.
Important: the title is inside the blue component. 
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show below.
 
Button 1Link 1

Shared blue image left multifunctional component

This is a component with a blue background and the image on the left side.
Important: the title is outside the blue component. 
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show above.
 
Button 1Link 1

Shared blue inline title image left multifunctional component

This is a component with a blue background and the image on the left side.
Important: the title is inside the blue component. 
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show above.
 
Button 1Link 1

Shared white image left multifunctional component

This is a component without a background and the image on the left side.
You can choose if the image is linkable. 
You can choose if the component is hidden on mobile.

Sizes of image:
- Image: 1280x960 or 4:3
On mobile the image will show above.
Button 1Link 1

Shared blue inline title text only multifunctional component

This is a component with two columns. You can only use text, no image can be added.
The component has a blue background and the title is inside the blue background.

On mobile the two collumns will be put underneath each other.

The button and link will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom.

With the checkbox 'hide this component on a mobile' divice you can hide components on mobile, and keep it visible on computer.
Button 1Link 1
Right column.

Shared blue text only multifunctional component

This is a component with two columns. You can only use text, no image can be added.
The component has a blue background and the title is outside the blue background.

On mobile the two collumns will be put underneath each other.

The button and link will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom.

With the checkbox 'hide this component on a mobile' divice you can hide components on mobile, and keep it visible on computer.
 
Button 1Link 1
Right column.

Shared white text only multifunctional component

This is a component with two columns. You can only use text, no image can be added.
The component has a blue background and the title is outside the blue background.

On mobile the two collumns will be put underneath each other.

The button and link will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom.

With the checkbox 'hide this component on a mobile' divice you can hide components on mobile, and keep it visible on computer.
Button 1Link 1
Right column.

Item 1

In this component you can add 3 small colums of a title and text with three icons. Link 1

Item 2

The background is white, with a thin box around the edges (round corners). The title is in the component. Link 2

Item 3

The image you add can just be a 4:3 / 1280x960. The image on mobile will be placed in the right bottom corner (will show as round). Link 3

Calltoaction component

This component can be a call to action, with 1 button and 1 link.

The background is white with a box around the component, like the columns with image components. This time you can add one only one text and no icons.

The image: I think it's the nicest when you add a round photo again.. but it isn't the best option.. If you know what works, please let me know.

On mobile the photo shows above, it's not very nice to be honest.
Button 1 Link 1
Shared title text component
This is a white component with a white background.
The text exists of one column. This column is unfortunately not screenwide.
The title also shows over 2 rows instead of screenwide. 

On mobile the component does look nice. There it's just one column component without any weird white spaces. 

FAQ contextual questions component

FAQ Contextual component
  • How does it work?

    At the contextual FAQ you can select FAQ subjects which you want to show. These are stored at:
    Shared > Frequently asked questions > category (demo-page) > subject (faq-contextual).

    You aways add the category, this is the big subject, and then you can add the subject. Beneath the subject you can add the questions. 

    At the component you fill in the title at the main level.
    Then by clicking your right mouse button, you add the subjects you want to show.
    Lastly you add all questions of that subject.

    On mobile the subjects and questions wil show below each other. 

FAQ tagged questions
  • How does it work?

    This FAQ component looks at all questions which are tagged with a label.

    The label you add at question level, the component will automatically take over the subject and category. 
    You can add a label at the very bottom of the question.

    The categories/ subjects/ questions are in the same spot as the contextual questions. 

Search And Book Compact Component

This is a small component which links to the filter (Search and Book page) or any other page. It's a small component with a blue background. I will add another version of this component below.

Button 1

Search And Book Compact Component 2

In this component I link to the filter, by filling in the bottom information (facets, default date/ stay duration).

Show offer
Search and book with image component

Discover - Dynamic Media Component

Add an text + image (4:3 or 540x405 and 1280x960). Add the text at SubTitle.

I would suggest adding 300 characters max. when adding 3 sliders. When adding 4 sliders I'd suggest 200 at max! You can find the discover slides here: content > shared-content > discover.

When there are 3 sliders or less, buttons will be shown. When there are 4 or more the image will be clickable.
When you add text beneath 'text' this happens. And even less text will fit.
 

Introduction Component

This is a component with two columns. You can only use text, no image can be added.
The component has a white background.

On mobile the two collumns will be put underneath each other. The USP's will be shown below.

The button will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom.

With the checkbox MultipleColums, I don't see a significant change..
    • USP 1
    • USP 2
    • USP 3

    You can also put whole sentences here.
Button 1
Content Block Component
This is our most 'flexible' component. There are three option, of which I will show 2.

The first option:
A component with the image on the left or right (with the checkbox: show image on the Right side, you can choose).

On mobile the image will always show above, no matter if the image on the left or on the right.

One button and one link can be added and link will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom. 
Content Block Component
The second option:
A component with two columns and no image. 
With the checkbox 'Use miltiple colums for Text'. 
You can't choose yourself where the text will be cut, Sitecore will do this for you!
Make sure that you don't put in image in the component.
Use extra breaks to line up both of the colums.

On mobile the image will always show above, no matter if the image on the left or on the right.

One button and one link can be added and link will be at the left column on computer. On mobile the buttons will be underneath the right column, because this column is at the bottom. 
accordionRenderingID
Single photo component
Button 1

Discover - Offer Facet Block Component

Add a small piece of text, facets and button

The Netherlands
Belgium
Germany
Austria
Switzerland
United Kingdom

Cosy winter stays

Enjoy a wonderful stay in nature

November until February

Why book with Landal

Why book with Landal

Accordion Component