Docs

Testimonials

Use the testimonials content block to display one or more client testimonials.
Overview Carousel Columns Minimal 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 text-secondary
  carousel: true
  testimonials:
    - icon: linkedin
      content: First testimonial.
      link: #!
    - icon: google
      content: Second testimonial.
      link: #!
    - icon: 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 text-secondary
  carousel: false
  testimonials:
    - icon: linkedin
      content: First testimonial.
    - icon: google
      content: Second testimonial.
    - icon: github
      content: Third testimonial.

Minimal  

Set responsive to false and omit any content to render a minimal, horizontal stack of icons.

yml 
  - _bookshop_name: testimonials
    cols: 5
    background:
      color: body-tertiary
    icon_style: fa-2xl text-secondary
    align: center
    responsive: false
    testimonials:
      - icon: github
      - icon: google
      - icon: linkedin
      - icon: facebook
      - icon: pinterest

Arguments  

The content block supports the following arguments:

Name Type Required Default Comment
_bookshop_name string Alias for _bookshop_name.
Alias for _bookshop_name.
_ordinal int Zero-based position of the bookshop component within the page’s component hierarchy.
Zero-based position of the bookshop component within the page’s component hierarchy.
align select start Alignment of the headline, content, or icon. Supported values: [start, center, end].
Alignment of the headline, content, or icon. Supported values: [start, center, end].
background background, string Background style of the section.
Background style of the section.
bg_class string Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
card Card Background styling of the card.
Background styling of the card.
carousel bool Flag to show the elements as carousel.
Flag to show the elements as carousel.
cols int 3 Number of grid columns.
Number of grid columns.
cover bool Flag indicating if the element should be rendered fullscreen.
Flag indicating if the element should be rendered fullscreen.
fluid bool true Flag to set the section container to fluid design, else the section is limited to xxl.
Flag to set the section container to fluid design, else the section is limited to xxl.
heading Heading Heading of the content block, including a preheading and content element.
Heading of the content block, including a preheading and content element.
icon_style string Icon style.
Icon style.
id string Unique identifier of the current element.
Unique identifier of the current element.
justify select start Justification of the child elements. Supported values: [start, end, center, between, around, evenly].
Justification of the child elements. Supported values: [start, end, center, between, around, evenly].
overlay_mode select Overlay mode of the element, overrides the site’s general configuration. Supported values: [light, dark, none].
Overlay mode of the element, overrides the site’s general configuration. Supported values: [light, dark, none].
padding int 3 Padding of the content.
Padding of the content.
responsive bool true Flag indicating if the element should be responsive.
Flag indicating if the element should be responsive.
section_class string Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
testimonials [] Testimonials yes [map[client:map[contact:<nil> image:<nil> mode:<nil> url:<nil>] content:<nil> icon:<nil> link:<nil> logo:<nil>]] Collection of testimonials to add.
Collection of testimonials to add.
theme select Color theme to apply to the element. Supported values: [light, dark].
Color theme to apply to the element. Supported values: [light, dark].
wrapper string Class attribute of the element’s wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the fa-wrapper and fa-fluid attributes by default.
Class attribute of the element’s wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the fa-wrapper and fa-fluid attributes by default.

Background Type  

Name Type Required Default Comment
backdrop string Background image with a mask to improve contrast.
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.
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].
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.
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.
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].
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.
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].
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].
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.
Section content displayed below the title.
preheading string Preheading of the section heading.
Preheading of the section heading.
size int 4 Display size of the headline.
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.
Title of the element. If the element references a (local) page, the title overrides the referenced page’s title.
width int Column width of the element. For embedded elements, the width is relative to the parent’s container.
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.
Client name and content.
content string, template.HTML Section content displayed below the title.
Section content displayed below the title.
icon string, uint64 Icon to include. You can use shorthand notation such as fas sort to include a Font Awesome icon. The argument also supports files with an .svg or .json extension.
Icon to include. You can use shorthand notation such as fas sort to include a Font Awesome icon. The argument also supports files with an .svg or .json extension.
link string, template.URL, url Local page reference or external hyperlink address.
Local page reference or external hyperlink address.
logo string Logo image to include in the content block or section heading.
Logo image to include in the content block or section heading.
• refactor: drop family name from icons (0659856)
On this page
Follow Me

I work on everything coding and tweet developer memes