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.
Solved! Go to the solution
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!
@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.
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!
Hi Oscprofessional,
I posted a reply but it's disappeared? Hopefully you got it.
Thanks.
Hi @DermotM,
Please send your site and if your site is password protected, please send me the password. I will check it.
Hi LitExtension, thanks a lot for responding. Can you please send me your email address so I can set you up with credentials?
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!
Thank you but it hasn't worked. 😞
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.
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
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 %}
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!
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
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.
Hope this is it! Thank you.
Hi again LitExtension,
Did you manage to see my question in that link?
Thank you!
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!
User | RANK |
---|---|
36 | |
35 | |
15 | |
12 | |
10 |