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

Fragment: Anchor name (PVGR) Previous