Back to Home

Mega Menu - Tabbed

Tab 1 Tab 2 Tab 3 Tab 4
Back to Mega Menu - Tabbed

Tab 1

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Back to Mega Menu - Tabbed

Tab 2

Page group one

Back to Mega Menu - Tabbed

Tab 3

Page group one

Back to Mega Menu - Tabbed

Tab 4

Page group one

Back to Home

Mega Menu - Cards

Medium length heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Link

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button

Eyebrow

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..

Button
Back to Home

Mega Menu - Simple

Link 1Link 2
Back to Home

Mega Menu - Links

Page group one

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group two

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group three

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

Page group four

  • Page One

    Lorem ipsum dolor sit amet consectetur elit

  • Page Two

    Lorem ipsum dolor sit amet consectetur elit

  • Page Three

    Lorem ipsum dolor sit amet consectetur elit

  • Page Four

    Lorem ipsum dolor sit amet consectetur elit

No results found matching your criteria

Why not check out our most popular searches?

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Title

Praesent placerat, magna in vehicula vestibulum, felis urna cursus lorem, sed vestibulum quam eros vel libero..
Button

Testimonials

📖 Overview

The Testimonials block displays customer quotes and testimonials. When multiple testimonials are added, they are displayed in a Swiper slider with navigation controls. Each testimonial renders the Testimonial component.

✏️ Content Options

Testimonials are managed via a repeater field. Use the “Add Testimonial” button to add as many testimonials as needed.

Field Type Required Description
Manual or Stored? Select No Choose to manually enter testimonial details or select from stored Testimonial posts

Manual Mode

Field Type Required Description
Company Logo Image No Logo displayed above the quote
Quote Textarea No The testimonial quote text
Cite Image Image No Photo of the person giving the testimonial
Cite Text No Name of the person giving the testimonial
Cite Job Title Text No Job title of the person
Cite Company Text No Company name of the person

Stored Mode

Field Type Required Description
Testimonial to use Post Object Yes Select a testimonial from the Testimonials post type

🎨 CSS Variables

The following CSS variables can be configured to customise the block’s appearance:

Variable Default Value
--block-testimonials-max-width 750px
--block-testimonials-nav-spacing var(--spacing-m)

Testimonial Component CSS Variables

Each testimonial uses the Testimonial component, which has the following CSS variables:

Variable Default Value
--component-testimonial-quote-spacing var(--spacing-s)
--component-testimonial-quote-gap var(--spacing-xxs)
--component-testimonial-quote-logo-width 120px
--component-testimonial-cite-img-width 50px
--component-testimonial-quote-icon-size var(--icon-lrg)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Name Surname Position, Company name