Docs

Testimonials

Use the testimonials content block to display one or more client testimonials.
Overview   Carousel   Columns   Arguments   Background Type   Card Type   Heading Type   Testimonials Type  

Overview  

The testimonials content block renders one or more client testimonials. You can render them as a carousel or as columns.

Set carousel to true to render a carousel of multiple testimonials.

yml 
- _bookshop_name: testimonials
  card:
    color: body-tertiary
    subtle: false
  cols: 1
  icon_style: fa-4x
  carousel: true
  testimonials:
    - icon: fab linkedin
      content: First testimonial.
      link: #!
    - icon: fab google
      content: Second testimonial.
      link: #!
    - icon: fab github
      content: Third testimonial.
      link: #!

Columns  

Set cols to 3 to render three testimonials as columns.

First testimonial.
Second testimonial.
Third testimonial.
yml 
- _bookshop_name: testimonials
  card:
    color: body-tertiary
    subtle: false
  cols: 3
  icon_style: fa-2x
  carousel: false
  testimonials:
    - icon: fab linkedin
      content: First testimonial.
    - icon: fab google
      content: Second testimonial.
    - icon: fab github
      content: Third testimonial.

Arguments  

The content block supports the following arguments:

Name Type Required Default Comment
_bookshop_name string Alias for _bookshop_name.
_ordinal int Zero-based position of the bookshop component within the page’s component hierarchy.
background background, string Background style of the section.
card Card Background styling of the card.
carousel bool Flag to show the elements as carousel.
cols int 3 Number of grid columns.
heading Heading Heading of the content block, including a preheading and content element.
icon_style string Icon style.
id string Unique identifier of the current element.
testimonials []Testimonials yes Collection of testimonials to add.
Name Type Required Default
_bookshop_name string
Alias for _bookshop_name.
_ordinal int
Zero-based position of the bookshop component within the page’s component hierarchy.
background background, string
Background style of the section.
card Card
Background styling of the card.
carousel bool
Flag to show the elements as carousel.
cols int 3
Number of grid columns.
heading Heading
Heading of the content block, including a preheading and content element.
icon_style string
Icon style.
id string
Unique identifier of the current element.
testimonials []Testimonials yes
Collection of testimonials to add.

Background Type  

Name Type Required Default Comment
backdrop string Background image with a mask to improve contrast.
class string Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
color select Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
subtle bool Apply subtle theme colors.
Name Type Required Default
backdrop string
Background image with a mask to improve contrast.
class string
Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
color select
Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
subtle bool
Apply subtle theme colors.

Card Type  

Name Type Required Default Comment
class string Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
color select Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
subtle bool Apply subtle theme colors.
Name Type Required Default
class string
Class attributes of the element. It supports Bootstrap attributes to modify the styling of the element.
color select
Theme color of the element. Supported values: [primary, secondary, success, danger, warning, info, light, dark, white, black, body, body-tertiary].
subtle bool
Apply subtle theme colors.

Heading Type  

Name Type Required Default Comment
align select start Alignment of the headline, content, or icon. Supported values: [start, center, end].
arrangement select above Arrangement of the preheading, either left or above the header. On smaller screens, the preheading is always placed on top. Supported values: [above, first].
content string, template.HTML Section content displayed below the title.
preheading string Preheading of the section heading.
size int 4 Display size of the headline.
title string, hstring.RenderedString, hstring.HTML, template.HTML Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
width int 8 Column width of the element. For embedded elements, the width is relative to the parent’s container.
Name Type Required Default
align select start
Alignment of the headline, content, or icon. Supported values: [start, center, end].
arrangement select above
Arrangement of the preheading, either left or above the header. On smaller screens, the preheading is always placed on top. Supported values: [above, first].
content string, template.HTML
Section content displayed below the title.
preheading string
Preheading of the section heading.
size int 4
Display size of the headline.
title string, hstring.RenderedString, hstring.HTML, template.HTML
Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
width int 8
Column width of the element. For embedded elements, the width is relative to the parent’s container.

Testimonials Type  

Name Type Required Default Comment
client client Client name and content.
content string, template.HTML Section content displayed below the title.
link string, template.URL, url Local page reference or external hyperlink address.
logo string Logo image to include in the content block or section heading.
Name Type Required Default
client client
Client name and content.
content string, template.HTML
Section content displayed below the title.
link string, template.URL, url
Local page reference or external hyperlink address.
logo string
Logo image to include in the content block or section heading.
On this page