HyperBuilder
...
Blocks
Documentation Draft

Dynamic blocks

9min

Overview

Dynamic blocks allow you to display data from multiple existing articles in one block. It will give you flexibility with your page layouts.

As of now, there are 4 dynamic blocks available:

Document image

  1. Topic Dynamic
  2. Tab Links Dynamic
  3. Dynamic Article Cards
  4. Dynamic Article Cards V2

Topic Dynamic

Document image

  1. Prefix : add a title
  2. Article : Pick articles from the list
  3. Text align : Align text to the left or right

Tab Links Dynamic

Document image

  1. Background color : Click the rectangular button to select a background color
  2. Select all :
  3. Mobile dropdown dialog text : Set text on mobile
  4. Link style :

Dynamic Article Cards

Document image

  1. Prefix : First line of text in small fontsize
  2. Title : Add a title, large fontsize
  3. Subtitle : Third line of text, small fontsize
  4. Button Text : Text visible on button
  5. Button url : add a working url
  6. Button Text : This is the button visible at the bottom of the block
  7. Cards count in row : Amount of cards visible in a row (column)
  8. Initial row count : Add amount of rows that must be published
  9. Articles offset : Start at article #

Dynamic Article Cards V2

Document image

  1. Prefix : First line of text in small fontsize
  2. Title : Add a title, large fontsize
  3. Subtitle : Third line of text, small fontsize
  4. Load More Text : Text visible on button at the bottom of the block
  5. Read More text : Text link beneath article to full article
  6. Cards count in row : Amount of cards visible in a row (column)
  7. Initial row count : Add amount of rows that must be published
  8. Articles offset : Start at article #
  9. Cards text alignment : Align text left or center

To enable the Dynamic blocks, you need to:

  1. Go to the 'Settings' on the Page structure on the left:



Article - Edit settings
Article - Edit settings


2. Click on the toggle button (on the right of the page) to enable article mode and new fields will appear below:

Enable Article Mode
Enable Article Mode


3. Fill in all the necessary fields:

Add new Article
Add new Article




Updated 06 Aug 2024
Doc contributor
Did this page help you?
PREVIOUS
Opening Hours
NEXT
Header Component
Docs powered by Archbee