Solved

Testimonials - inserting paragraphs and hyperlink to "author" section.

DermotM
Tourist
18 0 2

Hi Everyone, I hope you're well. I have a testimonial section on our homepage. I can insert a paragraph (next line) and a hyperlink in the "text" section but I cannot in the "author" section. I want to add the author's business on the next line but <br> doesn't work and I want to hyperlink to their business. Your help would be hugely appreciated. Thanks so much.

Accepted Solution (1)
LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @DermotM,

Please change code:

<div class="page-width" data-section-id="{{ section.id }}" data-section-type="quotes">
  {% if section.settings.title != blank %}
  <div class="section-header text-center">
    <h2>{{ section.settings.title | escape }}</h2>
  </div>
  {% endif %}

  {% if section.blocks.size > 0 %}
  <div class="quotes-wrapper" data-slider>
    <div class="quotes-slider-wrapper" data-slider-container>
      <div class="quotes-slider" id="Quotes-{{ section.id }}" data-count="{{ section.blocks.size }}" data-slider-track>
        {% for block in section.blocks %}
        <div id="slickSlide{{ block.id }}"
             class="quotes-slide quotes-slide--{{ block.id }}{% if section.blocks.size == 1 %} quotes-slide--single{% endif %}"
             aria-labelledby="slickDot{{ block.id }}"
             {{ block.shopify_attributes }}
             data-slider-slide-index="{{ forloop.index0 }}"
             data-slider-item>

          <blockquote class="quotes-slider__text text-center">
            <span class="quote-icon">{% include 'icon-quote' %}</span>
            {% if block.settings.quote != blank %}
            <div class="rte-setting rte">{{ block.settings.quote }}</div>
            {% endif %}
            {% if block.settings.author != blank %}
            <cite>{{ block.settings.author | escape }}</cite>
            {% endif %}
            {%- if block.settings.business != blank -%}<a href="{{ block.settings.business_link }}">{{ block.settings.business }}</a>{%- endif -%}
          </blockquote>
        </div>
        {% endfor %}
      </div>
    </div>

    {% if section.blocks.size > 1 %}
    <ul class="slick-dots{% if section.blocks.size < 4 %} slick-dots--mobile-only{% endif %}" data-slider-indicators>
      {%- for block in section.blocks -%}
      <li{% if forloop.first %} class="slick-active"{% endif %} data-slider-indicator>
        <button id="slickDot{{ block.id }}"
                aria-label="{{ 'sections.slideshow.load_slide' | t: slide_number: forloop.index }}"
                data-slide-number="{{ forloop.index0 }}"
                aria-controls="slickSlide{{ block.id }}"></button>
      </li>
      {%- endfor -%}
    </ul>
    {% endif %}
  </div>
  {% endif %}

  {% if section.blocks.size == 0 %}
  {% include 'no-blocks' %}
  {% endif %}
</div>



{% schema %}
{
"name": {
"cs": "Ohlasy",
"da": "Udtalelser",
"de": "Testimonials",
"en": "Testimonials",
"es": "Testimonios",
"fi": "Suositukset",
"fr": "Témoignages",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "शीर्षक",
"it": "Heading",
"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",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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émoignages",
"hi": "प्रमाणपत्र",
"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",
"hi": "टेक्स्ट",
"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>Přidejte recenze a ohlasy zákazníků, které vyjadřují jejich spokojenost s vaším obchodem.</p>",
"da": "<p>Tilføj kundeanmeldelser og udtalelser for at fremhæve din butiks tilfredse kunder.</p>",
"de": "<p>Kunden-Reviews und Testimonials, die Kundenzufriedenheit beweisen.</p>",
"en": "<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>",
"es": "<p>Agrega las reseñas y los testimonios de los clientes para mostrar a los clientes satisfechos de tu tienda.</p>",
"fi": "<p>Lisää asiakasarviointeja ja suositteluja esimerkeiksi myymäläsi tyytyväisistä asiakkaista.</p>",
"fr": "<p>Ajoutez des avis et témoignages pour mettre en avant vos clients satisfaits.</p>",
"hi": "<p>अपने स्टोर के खुश ग्राहकों को दिखाने के लिए ग्राहक समीक्षा और प्रशंसापत्र जोड़ें.</p>",
"it": "<p>Aggiungi recensioni e testimonianze sul tuo negozio per dimostrare che i clienti sono soddisfatti.</p>",
"ja": "<p>あなたのストアの幸せなお客様を紹介するために、カスタマーレビューとお客様の声を追加してください。</p>",
"ko": "<p>고객 리뷰 및 추천을 추가하여 스토어에 만족한 고객을 보여주십시오.</p>",
"nb": "<p>Legg til kundeomtaler og anbefalinger for å vise frem butikkens glade kunder.</p>",
"nl": "<p>Voeg beoordelingen van klanten en testimonials toe om te laten zien dat je klanten tevreden zijn.</p>",
"pl": "<p>Dodaj opinie i referencje od klientów, aby pokazać zadowolenie klientów Twojego sklepu.</p>",
"pt-BR": "<p>Adicione comentários e depoimentos para dar destaque aos clientes satisfeitos com a sua loja.</p>",
"pt-PT": "<p>Adicione análises e testemunhos para mostrar os clientes felizes da sua loja.</p>",
"sv": "<p>Lägg till kundrecensioner och berättelser för att visa upp din butiks nöjda kunder.</p>",
"th": "<p>เพิ่มรีวิวและเสียงชื่นชมจากลูกค้าเพื่อนำเสนอลูกค้าที่ได้รับความพึงพอใจจากร้านค้า</p>",
"tr": "<p>Müşteri değerlendirmeleri ve kullanıcı görüşleri ekleyerek mağazanızdan memnun kalan müşterileri gösterin.</p>",
"vi": "<p>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.</p>",
"zh-CN": "<p>添加客户评论和感言,以展示对您的商店满意的客户。</p>",
"zh-TW": "<p>新增顧客評論和推薦文,展示對您商店滿意之顧客。</p>"
}
},
{
"type": "text",
"id": "author",
"label": {
"cs": "Autor",
"da": "Forfatter",
"de": "Autor",
"en": "Author",
"es": "Autor",
"fi": "Kirjoittaja",
"fr": "Auteur",
"hi": "लेखक",
"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 Autors",
"en": "Author's name",
"es": "Nombre del autor",
"fi": "Kirjoittajan nimi",
"fr": "Nom de l'auteur",
"hi": "लेखक का नाम",
"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": "作者名稱"
}
},
{
"type": "text",
"id": "business",
"label": "Author’s business",
"default": "Author’s business"
},
{
"type": "url",
"id": "business_link",
"label": "Author’s business link"
}
]
}
],
"presets": [
{
"name": {
"cs": "Ohlasy",
"da": "Udtalelser",
"de": "Testimonials",
"en": "Testimonials",
"es": "Testimonios",
"fi": "Suositukset",
"fr": "Témoignages",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "टेक्स्ट",
"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 %}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 16 (16)

oscprofessional
Shopify Partner
15830 2369 3071

@DermotM ,

Are you using any app for testimonial ? or doing with custom solution ?

If it is custom then send me the code and url.

for app you have to customization work on app. 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
DermotM
Tourist
18 0 2

Hi Oscpro!

 

Thanks for the prompt reply. It's not an app.

 

url = www.greal.co

 

Code from testimonials.liquid =

 

<section data-section-id="{{ section.id }}" data-section-type="testimonials">
<h2>{{ section.settings.title }}</h2>
{%- if section.blocks.size > 0 -%}
{%- for block in section.blocks -%}
<div class="huratips-testimonial-container">
<img src="{%- if block.settings.avatar == blank -%}//cdn.shopify.com/s/files/1/0382/4185/files/male.png?v=1613363122{%-else-%}{{ block.settings.avatar | img_url: '512x512' }}{%-endif-%}" alt="Avatar" style="width:90px">
{%- if block.settings.author != blank -%}<p><span>{{ block.settings.author }}</span> {{ block.settings.position }}</p>{%- endif -%}
{%- if block.settings.quote != blank -%}<p>{{ block.settings.quote }}</p>{%- endif -%}
</div>
{%- endfor -%}
{%- endif -%}
</section>
<style>
.huratips-testimonial-container {
border: 2px solid #ccc;
background-color: #eee;
border-radius: 5px;
padding: 16px;
margin: 16px 0;
}
.huratips-testimonial-container::after {
content: "";
clear: both;
display: table;
}
.huratips-testimonial-container img {
float: left;
margin-right: 20px;
border-radius: 50%;
}
.huratips-testimonial-container span {
font-size: 20px;
margin-right: 15px;
}

@media (max-width: 500px) {
.huratips-testimonial-container {
text-align: center;
}
.huratips-testimonial-container img {
margin: auto;
float: none;
display: block;
}
}
</style>
{% schema %}
{
"name": "Testimonials",
"class": "index-section",
"max_blocks": 25,
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Testimonials"
}
],
"blocks": [
{
"type": "quote",
"name": "Testimonial",
"settings": [
{
"type": "richtext",
"id": "quote",
"label": "Text",
"default": "<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>"
},
{
"type": "text",
"id": "author",
"label": "Text",
"default": "Author’s name"
},
{
"type": "text",
"id": "position",
"label": "Position"
},
{
"type": "image_picker",
"id": "avatar",
"label": "Avatar"
}
]
}
],
"presets": [
{
"name": "Testimonials",
"category": "Text",
"blocks": [
{
"type": "quote"
},
{
"type": "quote"
},
{
"type": "quote"
}
]
}
]
}
{% endschema %}

 

Really appreciate your help!

 

 

DermotM
Tourist
18 0 2

Hi Oscprofessional,

 

I posted a reply but it's disappeared? Hopefully you got it.

 

Thanks.

LitExtension
Shopify Partner
4860 1001 1132

Hi @DermotM,

Please send your site and if your site is password protected, please send me the password. I will check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DermotM
Tourist
18 0 2

Hi LitExtension, thanks a lot for responding. Can you please send me your email address so I can set you up with credentials? 

LitExtension
Shopify Partner
4860 1001 1132

Hi @DermotM,

Please change code testimonials.liquid file:

<section data-section-id="{{ section.id }}" data-section-type="testimonials">
  <h2>{{ section.settings.title }}</h2>
  {%- if section.blocks.size > 0 -%}
  {%- for block in section.blocks -%}
  <div class="huratips-testimonial-container">
    <img src="{%- if block.settings.avatar == blank -%}//cdn.shopify.com/s/files/1/0382/4185/files/male.png?v=1613363122{%-else-%}{{ block.settings.avatar | img_url: '512x512' }}{%-endif-%}" alt="Avatar" style="width:90px">
    {%- if block.settings.author != blank -%}<p><span>{{ block.settings.author }}</span> {{ block.settings.position }}</p>{%- endif -%}
    {%- if block.settings.business != blank -%}<a href="{{ block.settings.business_link }}">{{ block.settings.business }}</a>{%- endif -%}
    {%- if block.settings.quote != blank -%}<p>{{ block.settings.quote }}</p>{%- endif -%}
  </div>
  {%- endfor -%}
  {%- endif -%}
</section>
<style>
  .huratips-testimonial-container {
    border: 2px solid #ccc;
    background-color: #eee;
    border-radius: 5px;
    padding: 16px;
    margin: 16px 0;
  }
  .huratips-testimonial-container::after {
    content: "";
    clear: both;
    display: table;
  }
  .huratips-testimonial-container img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
  }
  .huratips-testimonial-container span {
    font-size: 20px;
    margin-right: 15px;
  }

  @media (max-width: 500px) {
    .huratips-testimonial-container {
      text-align: center;
    }
    .huratips-testimonial-container img {
      margin: auto;
      float: none;
      display: block;
    }
  }
</style>
{% schema %}
{
"name": "Testimonials",
"class": "index-section",
"max_blocks": 25,
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Testimonials"
}
],
"blocks": [
{
"type": "quote",
"name": "Testimonial",
"settings": [
{
"type": "richtext",
"id": "quote",
"label": "Text",
"default": "<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>"
},
{
"type": "text",
"id": "author",
"label": "Text",
"default": "Author’s name"
},
{
"type": "text",
"id": "business",
"label": "Author’s business",
"default": "Author’s business"
},
{
"type": "url",
"id": "business_link",
"label": "Author’s business link"
},
{
"type": "text",
"id": "position",
"label": "Position"
},
{
"type": "image_picker",
"id": "avatar",
"label": "Avatar"
}
]
}
],
"presets": [
{
"name": "Testimonials",
"category": "Text",
"blocks": [
{
"type": "quote"
},
{
"type": "quote"
},
{
"type": "quote"
}
]
}
]
}
{% endschema %}

Hope it helps!

 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DermotM
Tourist
18 0 2

Thank you but it hasn't worked. 😞

DermotM
Tourist
18 0 2

Hi again, I managed to see where that code actually took effect - it wasn't the current testimonials I can see on the site. Is there anyway of amending the code you provided to look a more like the current testimonials (clean and simple) but with the additional parameters I wanted? Thank you.

LitExtension
Shopify Partner
4860 1001 1132

Hi @DermotM,

You need to send me the code of current testimonial, I will help you to check and add it. 

It may be in the quotes.liquid file

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DermotM
Tourist
18 0 2

I thing you're right, LitExtension. Thank you! Here it is:

 

<div class="page-width" data-section-id="{{ section.id }}" data-section-type="quotes">
{% if section.settings.title != blank %}
<div class="section-header text-center">
<h2>{{ section.settings.title | escape }}</h2>
</div>
{% endif %}

{% if section.blocks.size > 0 %}
<div class="quotes-wrapper" data-slider>
<div class="quotes-slider-wrapper" data-slider-container>
<div class="quotes-slider" id="Quotes-{{ section.id }}" data-count="{{ section.blocks.size }}" data-slider-track>
{% for block in section.blocks %}
<div id="slickSlide{{ block.id }}"
class="quotes-slide quotes-slide--{{ block.id }}{% if section.blocks.size == 1 %} quotes-slide--single{% endif %}"
aria-labelledby="slickDot{{ block.id }}"
{{ block.shopify_attributes }}
data-slider-slide-index="{{ forloop.index0 }}"
data-slider-item>

<blockquote class="quotes-slider__text text-center">
<span class="quote-icon">{% include 'icon-quote' %}</span>
{% if block.settings.quote != blank %}
<div class="rte-setting rte">{{ block.settings.quote }}</div>
{% endif %}
{% if block.settings.author != blank %}
<cite>{{ block.settings.author | escape }}</cite>
{% endif %}
</blockquote>
</div>
{% endfor %}
</div>
</div>

{% if section.blocks.size > 1 %}
<ul class="slick-dots{% if section.blocks.size < 4 %} slick-dots--mobile-only{% endif %}" data-slider-indicators>
{%- for block in section.blocks -%}
<li{% if forloop.first %} class="slick-active"{% endif %} data-slider-indicator>
<button id="slickDot{{ block.id }}"
aria-label="{{ 'sections.slideshow.load_slide' | t: slide_number: forloop.index }}"
data-slide-number="{{ forloop.index0 }}"
aria-controls="slickSlide{{ block.id }}"></button>
</li>
{%- endfor -%}
</ul>
{% endif %}
</div>
{% endif %}

{% if section.blocks.size == 0 %}
{% include 'no-blocks' %}
{% endif %}
</div>

 

{% schema %}
{
"name": {
"cs": "Ohlasy",
"da": "Udtalelser",
"de": "Testimonials",
"en": "Testimonials",
"es": "Testimonios",
"fi": "Suositukset",
"fr": "Témoignages",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "शीर्षक",
"it": "Heading",
"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",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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émoignages",
"hi": "प्रमाणपत्र",
"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",
"hi": "टेक्स्ट",
"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>Přidejte recenze a ohlasy zákazníků, které vyjadřují jejich spokojenost s vaším obchodem.</p>",
"da": "<p>Tilføj kundeanmeldelser og udtalelser for at fremhæve din butiks tilfredse kunder.</p>",
"de": "<p>Kunden-Reviews und Testimonials, die Kundenzufriedenheit beweisen.</p>",
"en": "<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>",
"es": "<p>Agrega las reseñas y los testimonios de los clientes para mostrar a los clientes satisfechos de tu tienda.</p>",
"fi": "<p>Lisää asiakasarviointeja ja suositteluja esimerkeiksi myymäläsi tyytyväisistä asiakkaista.</p>",
"fr": "<p>Ajoutez des avis et témoignages pour mettre en avant vos clients satisfaits.</p>",
"hi": "<p>अपने स्टोर के खुश ग्राहकों को दिखाने के लिए ग्राहक समीक्षा और प्रशंसापत्र जोड़ें.</p>",
"it": "<p>Aggiungi recensioni e testimonianze sul tuo negozio per dimostrare che i clienti sono soddisfatti.</p>",
"ja": "<p>あなたのストアの幸せなお客様を紹介するために、カスタマーレビューとお客様の声を追加してください。</p>",
"ko": "<p>고객 리뷰 및 추천을 추가하여 스토어에 만족한 고객을 보여주십시오.</p>",
"nb": "<p>Legg til kundeomtaler og anbefalinger for å vise frem butikkens glade kunder.</p>",
"nl": "<p>Voeg beoordelingen van klanten en testimonials toe om te laten zien dat je klanten tevreden zijn.</p>",
"pl": "<p>Dodaj opinie i referencje od klientów, aby pokazać zadowolenie klientów Twojego sklepu.</p>",
"pt-BR": "<p>Adicione comentários e depoimentos para dar destaque aos clientes satisfeitos com a sua loja.</p>",
"pt-PT": "<p>Adicione análises e testemunhos para mostrar os clientes felizes da sua loja.</p>",
"sv": "<p>Lägg till kundrecensioner och berättelser för att visa upp din butiks nöjda kunder.</p>",
"th": "<p>เพิ่มรีวิวและเสียงชื่นชมจากลูกค้าเพื่อนำเสนอลูกค้าที่ได้รับความพึงพอใจจากร้านค้า</p>",
"tr": "<p>Müşteri değerlendirmeleri ve kullanıcı görüşleri ekleyerek mağazanızdan memnun kalan müşterileri gösterin.</p>",
"vi": "<p>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.</p>",
"zh-CN": "<p>添加客户评论和感言,以展示对您的商店满意的客户。</p>",
"zh-TW": "<p>新增顧客評論和推薦文,展示對您商店滿意之顧客。</p>"
}
},
{
"type": "text",
"id": "author",
"label": {
"cs": "Autor",
"da": "Forfatter",
"de": "Autor",
"en": "Author",
"es": "Autor",
"fi": "Kirjoittaja",
"fr": "Auteur",
"hi": "लेखक",
"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 Autors",
"en": "Author's name",
"es": "Nombre del autor",
"fi": "Kirjoittajan nimi",
"fr": "Nom de l'auteur",
"hi": "लेखक का नाम",
"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",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "टेक्स्ट",
"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 %}

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @DermotM,

Please change code:

<div class="page-width" data-section-id="{{ section.id }}" data-section-type="quotes">
  {% if section.settings.title != blank %}
  <div class="section-header text-center">
    <h2>{{ section.settings.title | escape }}</h2>
  </div>
  {% endif %}

  {% if section.blocks.size > 0 %}
  <div class="quotes-wrapper" data-slider>
    <div class="quotes-slider-wrapper" data-slider-container>
      <div class="quotes-slider" id="Quotes-{{ section.id }}" data-count="{{ section.blocks.size }}" data-slider-track>
        {% for block in section.blocks %}
        <div id="slickSlide{{ block.id }}"
             class="quotes-slide quotes-slide--{{ block.id }}{% if section.blocks.size == 1 %} quotes-slide--single{% endif %}"
             aria-labelledby="slickDot{{ block.id }}"
             {{ block.shopify_attributes }}
             data-slider-slide-index="{{ forloop.index0 }}"
             data-slider-item>

          <blockquote class="quotes-slider__text text-center">
            <span class="quote-icon">{% include 'icon-quote' %}</span>
            {% if block.settings.quote != blank %}
            <div class="rte-setting rte">{{ block.settings.quote }}</div>
            {% endif %}
            {% if block.settings.author != blank %}
            <cite>{{ block.settings.author | escape }}</cite>
            {% endif %}
            {%- if block.settings.business != blank -%}<a href="{{ block.settings.business_link }}">{{ block.settings.business }}</a>{%- endif -%}
          </blockquote>
        </div>
        {% endfor %}
      </div>
    </div>

    {% if section.blocks.size > 1 %}
    <ul class="slick-dots{% if section.blocks.size < 4 %} slick-dots--mobile-only{% endif %}" data-slider-indicators>
      {%- for block in section.blocks -%}
      <li{% if forloop.first %} class="slick-active"{% endif %} data-slider-indicator>
        <button id="slickDot{{ block.id }}"
                aria-label="{{ 'sections.slideshow.load_slide' | t: slide_number: forloop.index }}"
                data-slide-number="{{ forloop.index0 }}"
                aria-controls="slickSlide{{ block.id }}"></button>
      </li>
      {%- endfor -%}
    </ul>
    {% endif %}
  </div>
  {% endif %}

  {% if section.blocks.size == 0 %}
  {% include 'no-blocks' %}
  {% endif %}
</div>



{% schema %}
{
"name": {
"cs": "Ohlasy",
"da": "Udtalelser",
"de": "Testimonials",
"en": "Testimonials",
"es": "Testimonios",
"fi": "Suositukset",
"fr": "Témoignages",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "शीर्षक",
"it": "Heading",
"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",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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émoignages",
"hi": "प्रमाणपत्र",
"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",
"hi": "टेक्स्ट",
"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>Přidejte recenze a ohlasy zákazníků, které vyjadřují jejich spokojenost s vaším obchodem.</p>",
"da": "<p>Tilføj kundeanmeldelser og udtalelser for at fremhæve din butiks tilfredse kunder.</p>",
"de": "<p>Kunden-Reviews und Testimonials, die Kundenzufriedenheit beweisen.</p>",
"en": "<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>",
"es": "<p>Agrega las reseñas y los testimonios de los clientes para mostrar a los clientes satisfechos de tu tienda.</p>",
"fi": "<p>Lisää asiakasarviointeja ja suositteluja esimerkeiksi myymäläsi tyytyväisistä asiakkaista.</p>",
"fr": "<p>Ajoutez des avis et témoignages pour mettre en avant vos clients satisfaits.</p>",
"hi": "<p>अपने स्टोर के खुश ग्राहकों को दिखाने के लिए ग्राहक समीक्षा और प्रशंसापत्र जोड़ें.</p>",
"it": "<p>Aggiungi recensioni e testimonianze sul tuo negozio per dimostrare che i clienti sono soddisfatti.</p>",
"ja": "<p>あなたのストアの幸せなお客様を紹介するために、カスタマーレビューとお客様の声を追加してください。</p>",
"ko": "<p>고객 리뷰 및 추천을 추가하여 스토어에 만족한 고객을 보여주십시오.</p>",
"nb": "<p>Legg til kundeomtaler og anbefalinger for å vise frem butikkens glade kunder.</p>",
"nl": "<p>Voeg beoordelingen van klanten en testimonials toe om te laten zien dat je klanten tevreden zijn.</p>",
"pl": "<p>Dodaj opinie i referencje od klientów, aby pokazać zadowolenie klientów Twojego sklepu.</p>",
"pt-BR": "<p>Adicione comentários e depoimentos para dar destaque aos clientes satisfeitos com a sua loja.</p>",
"pt-PT": "<p>Adicione análises e testemunhos para mostrar os clientes felizes da sua loja.</p>",
"sv": "<p>Lägg till kundrecensioner och berättelser för att visa upp din butiks nöjda kunder.</p>",
"th": "<p>เพิ่มรีวิวและเสียงชื่นชมจากลูกค้าเพื่อนำเสนอลูกค้าที่ได้รับความพึงพอใจจากร้านค้า</p>",
"tr": "<p>Müşteri değerlendirmeleri ve kullanıcı görüşleri ekleyerek mağazanızdan memnun kalan müşterileri gösterin.</p>",
"vi": "<p>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.</p>",
"zh-CN": "<p>添加客户评论和感言,以展示对您的商店满意的客户。</p>",
"zh-TW": "<p>新增顧客評論和推薦文,展示對您商店滿意之顧客。</p>"
}
},
{
"type": "text",
"id": "author",
"label": {
"cs": "Autor",
"da": "Forfatter",
"de": "Autor",
"en": "Author",
"es": "Autor",
"fi": "Kirjoittaja",
"fr": "Auteur",
"hi": "लेखक",
"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 Autors",
"en": "Author's name",
"es": "Nombre del autor",
"fi": "Kirjoittajan nimi",
"fr": "Nom de l'auteur",
"hi": "लेखक का नाम",
"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": "作者名稱"
}
},
{
"type": "text",
"id": "business",
"label": "Author’s business",
"default": "Author’s business"
},
{
"type": "url",
"id": "business_link",
"label": "Author’s business link"
}
]
}
],
"presets": [
{
"name": {
"cs": "Ohlasy",
"da": "Udtalelser",
"de": "Testimonials",
"en": "Testimonials",
"es": "Testimonios",
"fi": "Suositukset",
"fr": "Témoignages",
"hi": "प्रमाणपत्र",
"it": "Testimonial",
"ja": "お客様の声",
"ko": "추천",
"nb": "Tilbakemeldinger fra kunder",
"nl": "Getuigenissen",
"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",
"hi": "टेक्स्ट",
"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 %}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DermotM
Tourist
18 0 2

That's really awesome. I don't suppose I could trouble you for one more question?

 

I am hoping to enable a shopper to still be able to amend the cart at the stage contained in this link?

 

I am really hoping to be able to do the following:

 

1) Continue shopping button

2) Remove item

3) Increase/decrease units

4) Click on the little images (icons) of the products and product names to open the respective product page in a new window

 

Thanks lot 

LitExtension
Shopify Partner
4860 1001 1132

Hi @DermotM,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
DermotM
Tourist
18 0 2

Hi again LitExtension,

 

Did you manage to see my question in that link? 

 

Thank you!

LitExtension
Shopify Partner
4860 1001 1132

Hi @DermotM,

I checked and @KetanKumar answered correc. Checkout page is managed by Shopify and you cannot edit it. That's why I don't answer this question anymore.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify