HyperBuilder
...
Blocks
Documentation Draft

Article Cards

12min

Overview

1. Article Cards V1

This block is a layout with an option to add several cards in a row.

Article cards V1 block preview
Article cards V1 block preview


Preview Article Cards block

Article cards V1 block preview
Article cards V1 block preview


General

There is a possibility to place up to 5 cards in a row. Simply click the 'Cards count in row' section and choose the necessary count that will be used for this layout. Don't forget to press the 'Save' button at the end to apply the changes.

Article cards V1 block general settings
Article cards V1 block general settings


You can add / edit all text fields :

  • Prefix : First text line (tagline text size)
  • Title : Second text line (large text size)
  • Subtitle : Third text line (small text size)
  • Button + url : Add button title and external or internal link
  • Carts in a row : Select up to max 5 Cards

Cards

Content is added using Cards. Click on +Add to add more Articles/Cards.

Article Cards V1 block - Card settings
Article Cards V1 block - Card settings


All images can be clickable and forwarded to the necessary webpage (URL or Internal link). Just click the 'Globe' button to choose the best option for you as shown below:

Article cards V1 block Cards - Button settings
Article cards V1 block Cards - Button settings


2. Article Cards V2

This block has the same purpose and the difference is in the ability to add text under an image.

Article Cards V2 block
Article Cards V2 block


Preview Article Cards V2 block

Article cards V2 block Preview
Article cards V2 block Preview


General

There is a possibility to place up to 5 cards in a row. Simply click the 'Cards count in row' section and choose the necessary count that will be used for this layout. Don't forget to press the 'Save' button at the end to apply the changes.

Article cards V2 block general settings
Article cards V2 block general settings


You can add / edit all text fields :

  • Prefix : First text line (tagline text size)
  • Title : Second text line (large text size)
  • Subtitle : Third text line (small text size)
  • Button + url : Add button title and external or internal link
  • Carts in a row : Select up to max 5 Cards

Cards

Content is added using Cards. Click on +Add to add more Articles/Cards.

Article Cards V2 block - Cards settings
Article Cards V2 block - Cards settings


To add text that will be shown under the image you need to choose the 'Cards' section on the right and fill in the Text field.

All images can be clickable and forwarded to the necessary webpage (URL or Internal link).

3. Article Cards V3

This block differs from the first two with the ability to make one of the images bigger than the other 3.

Article Cards V3 block
Article Cards V3 block


Preview Article Cards V3 block

Article cards V3 block Preview
Article cards V3 block Preview


You can also choose which image out of 3 will be bigger by picking the Active card in the General section.

Article Cards V3 block - General settings
Article Cards V3 block - General settings


All images can be clickable and forwarded to the necessary webpage if you choose to set up the internal link or URL.

4. Article Cards V4

This block is similar to Article Cards V2. It also gives the ability to add image text to each card, though, the picture size is bigger than in Article Cards 2, and it is possible to add only 2 cards in a row.

Article Cards V4 block
Article Cards V4 block


Preview Article Cards V4 block

Article cards V4 block Preview
Article cards V4 block Preview


All cards can also be clickable and forwarded to the necessary webpage if you set up the Internal link or URL.

Updated 08 Aug 2024
Doc contributor
Did this page help you?