Show Options

Testimonial:

This section is used for displaying a review from the user or customers.


Available options:

  • Testimonial type 1
  • Testimonial type 2
  • Testimonial type 3

Testimonial type 1:

Output:

Bryce Walker
Bryce Walker
"Thanks for all your help with the coding queries I had when customising my site. I greatly appreciate it."

Code:


<div class="darkout-section">
{% include do-testimonial.html testimonial-type="type-1" tag="modules-01" %}
</div>


How to add content:

  • Step1: Navigate to the data file for testimonial in _data > do-testimonial.yml
  • Step2: Add content to the data file as shown in the below example.
- name: Bryce Walker  # Use testimonial name here
  image: /assets/images/home/Dave-Foy-1.png  # Use testimonial image here
  designation:  # Use testimonial category here
  content: Thanks for all your help with the coding queries I had when customising my site. I greatly appreciate it.  # Use testimonial content here
  rating: 5  # Use testimonial rating here
  logo-image:  # Use testimonial logo-image path here
  tags: modules-01  # Use testimonial tags here
  • Step3: In the data file tag is a mandatory value. Without using tag testimonial will not be displayed.

How to add in page:

  • Step1: Add testimonial to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-testimonial.html testimonial-type="type-1" tag="modules-01" %}</div>

  • Attributes:

    • Class: Use additional class here as include variable.

    • Testimonial-type: Use type of testimonial here. (Mandatory)
      • Type-1: Testimonial design one will be used.
    • Tag: Use tag for the testimonial. (Mandatory)

Testimonial type 2:

Output:

"I am very satisfied with the high degree of design perfection."
Clay Jensen
Clay Jensen
"Such a great theme Can be easly monetized."
Stiles Stilinski
Stiles Stilinski
"Does everything that I was looking for. Great Theme!"
Scott McCall
Scott McCall

Code:


<div class="darkout-section">
{% include do-testimonial.html testimonial-type="type-2" tag="modules-02" %}
</div>


How to add content:

  • Step1: Navigate to the data file for testimonial in _data > do-testimonial.yml
  • Step2: Add content to the data file as shown in the below example.
- name: Scott McCall  # Use testimonial name here
  image: /assets/images/sample.jpg  # Use testimonial image here
  designation:  # Use testimonial category here
  content: Does everything that I was looking for. Great Theme!  # Use testimonial content here
  rating: 5  # Use testimonial rating here
  logo-image:  # Use testimonial logo-image path here
  tags: modules-02  # Use testimonial tags here
  • Step3: In the data file tag is a mandatory value. Without using tag testimonial will not be displayed.

How to add in page:

  • Step1: Add testimonial to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-testimonial.html testimonial-type="type-2" tag="modules-02" %}</div>

  • Attributes:

    • Class: Use additional class here as include variable.

    • Testimonial-type: Use type of testimonial here. (Mandatory)
      • Type-2: Testimonial design two will be used.
    • Tag: Use tag for the testimonial. (Mandatory)

Testimonial type 3:

Output:

"The support for theme was above and beyond what I expected. Some extra little features i wanted added were welcomed. The author didn't just lazily suggest plugins to implement the features, he actually took the time provided the snippets of code. Responses were always speedy, very thoughtful in educating me and the fixes worked. 7/7 star service :)"
/assets/images/customer/dave-powell.jpg
Scott Harrison

E-Commerce Conversion Manager

Code:


<div class="darkout-section">
{% include do-testimonial.html testimonial-type="type-3" tag="modules-03" %}
</div>


How to add content:

  • Step1: Navigate to the data file for testimonial in _data > do-testimonial.yml
  • Step2: Add content to the data file as shown in the below example.
- name: Scott Harrison  # Use testimonial name here
  image: /assets/images/customer/dave-powell.jpg  # Use testimonial image here
  designation: E-Commerce Conversion Manager  # Use testimonial category here
  content: The support for theme was above and beyond what I expected. Some extra little features i wanted added were welcomed. The author didn't just lazily suggest plugins to implement the features, he actually took the time provided the snippets of code. Responses were always speedy, very thoughtful in educating me and the fixes worked. 7/7 star service :)  # Use testimonial content here
  rating:  # Use testimonial rating here
  logo-image: /assets/images/customer/tomtom_logo_color.png  # Use testimonial logo-image path here
  tags: modules-03  # Use testimonial tags here
  • Step3: In the data file tag is a mandatory value. Without using tag testimonial will not be displayed.

How to add in page:

  • Step1: Add testimonial to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-testimonial.html testimonial-type="type-3" tag="modules-03" %}</div>

  • Attributes:

    • Class: Use additional class here as include variable.

    • Testimonial-type: Use type of testimonial here. (Mandatory)
      • Type-3: Testimonial design three will be used.
    • Tag: Use tag for the testimonial. (Mandatory)