How to make testimonial Slider in Debut theme.

Store Design
1

Hi,
Everyone, I have build a solution for the debut theme testimonial Slider.

Add this code, or try out this code.

{% if section.settings.title != blank %}

{{ section.settings.title | escape }}

{% endif %}

{% if section.blocks.size > 0 %}

{% for block in section.blocks %}
{% include 'icon-quote' %} {% if block.settings.quote != blank %}
{{ block.settings.quote }}
{% endif %} {% if block.settings.author != blank %} {{ block.settings.author | escape }} {% endif %}
{% endfor %}

{% if section.blocks.size > 1 %}

    {%- for block in section.blocks -%} {%- endfor -%}
{% endif %}
{% endif %}

{% if section.blocks.size == 0 %}
{% include ‘no-blocks’ %}
{% endif %}

{% schema %}
{
“name”: {
“cs”: “Ohlasy”,
“da”: “Udtalelser”,
“de”: “Testimonials”,
“en”: “Testimonials”,
“es”: “Testimonios”,
“fi”: “Suositukset”,
“fr”: “Témoignages”,
“it”: “Testimonial”,
“ja”: “お客様の声”,
“ko”: “추천”,
“nb”: “Tilbakemeldinger fra kunder”,
“nl”: “Testimonials”,
“pl”: “Referencje”,
“pt-BR”: “Depoimentos”,
“pt-PT”: “Depoimentos”,
“sv”: “Kundberättelser”,
“th”: “เสียงชื่นชมจากลูกค้า”,
“tr”: “Kullanıcı görüşleri”,
“vi”: “Chứng thực”,
“zh-CN”: “感言”,
“zh-TW”: “推薦文”
},
“class”: “index-section”,
“max_blocks”: 9,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: {
“cs”: “Nadpis”,
“da”: “Overskrift”,
“de”: “Titel”,
“en”: “Heading”,
“es”: “Título”,
“fi”: “Otsake”,
“fr”: “En-tête”,
“it”: “Titolo”,
“ja”: “見出し”,
“ko”: “제목”,
“nb”: “Overskrift”,
“nl”: “Kop”,
“pl”: “Nagłówek”,
“pt-BR”: “Título”,
“pt-PT”: “Título”,
“sv”: “Rubrik”,
“th”: “ส่วนหัว”,
“tr”: “Başlık”,
“vi”: “Tiêu đề”,
“zh-CN”: “标题”,
“zh-TW”: “標題”
},
“default”: {
“cs”: “Ohlasy”,
“da”: “Udtalelser”,
“de”: “Testimonials”,
“en”: “Testimonials”,
“es”: “Testimonios”,
“fi”: “Suositukset”,
“fr”: “Témoignages”,
“it”: “Testimonial”,
“ja”: “お客様の声”,
“ko”: “추천”,
“nb”: “Tilbakemeldinger fra kunder”,
“nl”: “Testimonials”,
“pl”: “Referencje”,
“pt-BR”: “Depoimentos”,
“pt-PT”: “Depoimentos”,
“sv”: “Kundberättelser”,
“th”: “เสียงชื่นชมจากลูกค้า”,
“tr”: “Kullanıcı görüşleri”,
“vi”: “Chứng thực”,
“zh-CN”: “感言”,
“zh-TW”: “推薦文”
}
}
],
“blocks”: [
{
“type”: “quote”,
“name”: {
“cs”: “Ohlas”,
“da”: “Udtalelse”,
“de”: “Testimonial”,
“en”: “Testimonial”,
“es”: “Testimonio”,
“fi”: “Suositukset”,
“fr”: “Témoignage”,
“it”: “Testimonial”,
“ja”: “お客様の声”,
“ko”: “추천”,
“nb”: “Anbefaling”,
“nl”: “Testimonial”,
“pl”: “Referencja”,
“pt-BR”: “Depoimento”,
“pt-PT”: “Testemunho”,
“sv”: “Kundberättelser”,
“th”: “เสียงชื่นชมจากลูกค้า”,
“tr”: “Kullanıcı görüşü”,
“vi”: “Chứng thực”,
“zh-CN”: “感言”,
“zh-TW”: “推薦文”
},
“settings”: [
{
“type”: “richtext”,
“id”: “quote”,
“label”: {
“cs”: “Text”,
“da”: “Tekst”,
“de”: “Text”,
“en”: “Text”,
“es”: “Texto”,
“fi”: “Teksti”,
“fr”: “Texte”,
“it”: “Testo”,
“ja”: “テキスト”,
“ko”: “텍스트”,
“nb”: “Tekst”,
“nl”: “Tekst”,
“pl”: “Tekst”,
“pt-BR”: “Texto”,
“pt-PT”: “Texto”,
“sv”: “Text”,
“th”: “ข้อความ”,
“tr”: “Metin”,
“vi”: “Văn bản”,
“zh-CN”: “文本”,
“zh-TW”: “文字”
},
“default”: {
“cs”: “

Přidejte recenze a ohlasy zákazníků, které vyjadřují jejich spokojenost s vaším obchodem.

”,
“da”: “

Tilføj kundeanmeldelser og udtalelser for at fremhæve din butiks tilfredse kunder.

”,
“de”: “

Hier kannst du Bewertungen und Testimonials von zufriedenen Kunden hinzufügen.

”,
“en”: “

Add customer reviews and testimonials to showcase your store’s happy customers.

”,
“es”: “

Agrega reseñas y testimonios de los clientes satisfechos con tu tienda para mostrarlos.

”,
“fi”: “

Lisää asiakasarviointeja ja suositteluja esimerkeiksi myymäläsi tyytyväisistä asiakkaista.

”,
“fr”: “

Ajoutez des avis et témoignages pour mettre en avant vos clients satisfaits.

”,
“it”: “

Aggiungi recensioni e testimonianze sul tuo negozio per dimostrare che i clienti sono soddisfatti.

”,
“ja”: “

あなたのストアの幸せなお客様を紹介するために、カスタマーレビューとお客様の声を追加してください。

”,
“ko”: “

고객 리뷰 및 추천을 추가하여 스토어에 만족한 고객을 보여주십시오.

”,
“nb”: “

Legg til kundeomtaler og anbefalinger for å vise frem butikkens glade kunder.

”,
“nl”: “

Voeg beoordelingen van klanten en testimonials toe om te laten zien dat je klanten tevreden zijn.

”,
“pl”: “

Dodaj opinie i referencje od klientów, aby pokazać zadowolenie klientów Twojego sklepu.

”,
“pt-BR”: “

Adicione comentários e depoimentos para dar destaque aos clientes satisfeitos com a sua loja.

”,
“pt-PT”: “

Adicione análises e testemunhos para mostrar os clientes felizes da sua loja.

”,
“sv”: “

Lägg till kundrecensioner och berättelser för att visa upp din butiks nöjda kunder.

”,
“th”: “

เพิ่มรีวิวและเสียงชื่นชมจากลูกค้าเพื่อนำเสนอลูกค้าที่ได้รับความพึงพอใจจากร้านค้า

”,
“tr”: “

Müşteri değerlendirmeleri ve kullanıcı görüşleri ekleyerek mağazanızdan memnun kalan müşterileri gösterin.

”,
“vi”: “

Thêm đánh giá và chứng thực từ khách hàng để chứng minh khách hàng hài lòng với cửa hàng.

”,
“zh-CN”: “

添加客户评论和感言，以展示对您的商店满意的客户。

”,
“zh-TW”: “

新增顧客評論和推薦文，展示對您商店滿意之顧客。

”
}
},
{
“type”: “text”,
“id”: “author”,
“label”: {
“cs”: “Autor”,
“da”: “Forfatter”,
“de”: “Autor”,
“en”: “Author”,
“es”: “Autor”,
“fi”: “Kirjoittaja”,
“fr”: “Auteur”,
“it”: “Autore”,
“ja”: “執筆者”,
“ko”: “작성자”,
“nb”: “Forfatter”,
“nl”: “Auteur”,
“pl”: “Autor”,
“pt-BR”: “Autoria”,
“pt-PT”: “Autoria”,
“sv”: “Upphovsman”,
“th”: “ผู้เขียน”,
“tr”: “Yazar”,
“vi”: “Tác giả”,
“zh-CN”: “作者”,
“zh-TW”: “作者”
},
“default”: {
“cs”: “Jméno autora”,
“da”: “Forfatterens navn”,
“de”: “Name des Verfassers”,
“en”: “Author’s name”,
“es”: “Nombre del autor”,
“fi”: “Kirjoittajan nimi”,
“fr”: “Nom de l’auteur”,
“it”: “Nome dell’autore”,
“ja”: “筆者の名前”,
“ko”: “작성자 이름”,
“nb”: “Forfatterens navn”,
“nl”: “Naam auteur”,
“pl”: “Nazwisko autora”,
“pt-BR”: “Nome do autor”,
“pt-PT”: “Nome do autor”,
“sv”: “Författarens namn”,
“th”: “ชื่อผู้เขียน”,
“tr”: “Yazar adı”,
“vi”: “Tên tác giả”,
“zh-CN”: “作者姓名”,
“zh-TW”: “作者名稱”
}
}
]
}
],
“presets”: [
{
“name”: {
“cs”: “Ohlasy”,
“da”: “Udtalelser”,
“de”: “Testimonials”,
“en”: “Testimonials”,
“es”: “Testimonios”,
“fi”: “Suositukset”,
“fr”: “Témoignages”,
“it”: “Testimonial”,
“ja”: “お客様の声”,
“ko”: “추천”,
“nb”: “Tilbakemeldinger fra kunder”,
“nl”: “Testimonials”,
“pl”: “Referencje”,
“pt-BR”: “Depoimentos”,
“pt-PT”: “Depoimentos”,
“sv”: “Kundberättelser”,
“th”: “เสียงชื่นชมจากลูกค้า”,
“tr”: “Kullanıcı görüşleri”,
“vi”: “Chứng thực”,
“zh-CN”: “感言”,
“zh-TW”: “推薦文”
},
“category”: {
“cs”: “Text”,
“da”: “Tekst”,
“de”: “Text”,
“en”: “Text”,
“es”: “Texto”,
“fi”: “Teksti”,
“fr”: “Texte”,
“it”: “Testo”,
“ja”: “テキスト”,
“ko”: “텍스트”,
“nb”: “Tekst”,
“nl”: “Tekst”,
“pl”: “Tekst”,
“pt-BR”: “Texto”,
“pt-PT”: “Texto”,
“sv”: “Text”,
“th”: “ข้อความ”,
“tr”: “Metin”,
“vi”: “Văn bản”,
“zh-CN”: “文本”,
“zh-TW”: “文字”
},
“blocks”: [
{
“type”: “quote”
},
{
“type”: “quote”
},
{
“type”: “quote”
}
]
}
]
}
{% endschema %}

1 Like
2

@SpeedyDev

oh sorry for that issue If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by

Testimonial Slider

3

If you don’t have the time to code it yourself or don’t want to hire a programmer, you can check out a product I coded on Etsy. You can install it in just a few clicks and get your testimonial slideshow up and running. Here’s the link: https://www.etsy.com/listing/1810241569/shopify-testimonials-slider-testimonials

4

Here is a complete section which you add directly for testimonials slider in your store without using any App.