Template: Product card
This template is used to add product cards to a page that automatically load the correct image, based on brand and insurance.
For page-editors
In case of regular cards, an option is available to put 3 cards next to eachother (on desktop) and give them an equal height.
To achieve this:
- Add a section
- In this section, add a container
- Add the class 'equal-height-cards' to this container
- Add the necessary paragraph fragments to this container
- For each paragraph, select the correct article.
To create an article:
- Use the template named 'Product Card'
- Card style, you can choose between
- Default (which is a normal, vertically oriented card)
- Horizontal with image left
- Horizontal with image right
- Insurance, select the correct insurance, corresponding to the card you want to create. This will make sure the correct image will appeart.
- Card title
- Card content
- Button label, the text that appears on the button.
- Button link, here you can select which page within the site you want to link to.
For content-editors
As most of the setup has already been done by a page designer, the only fieldsthat possibly need to edited are:
- Card title.
- Card content.
- Button label.
- Button link.
To know how this is done, please read the KB article How to edit content