Solved

Where do I code to link column images directly to collection pages in Shopify?

Mario26
Tourist
5 0 3

I need help, in which file of coding I make that pictures of my columns are linked, for example when I click on the picture and not on the button to send me on the page of collection? I would appreciate help

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Mario26 

yes thanks for code can you try this code

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

<div class="grid {% unless section.blocks.size == 5 %}grid--uniform{% endunless %} grid--flush-bottom">
{%- assign grid_item_width = 'medium-up--one-third' -%}
{%- assign max_height = 345 -%}
{% case section.blocks.size %}
{% when 1 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% endcase %}
{% for block in section.blocks %}
{% if section.blocks.size == 5 and forloop.index < 3 %}
{%- assign column_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% else %}
{%- assign column_width = grid_item_width -%}
{% endif %}
<div class="grid__item {{ column_width }} text-{{ section.settings.align_text }}" {{ block.shopify_attributes }}>
{% if block.settings.enable_image %}
{% if block.settings.image != blank %}
{% capture img_id %}TextColumnImage-{{ block.id }}{% endcapture %}
{% capture wrapper_id %}TextColumnImageWrapper-{{ block.id }}{% endcapture %}
{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% include 'image-style', image: block.settings.image, height: max_height, wrapper_id: wrapper_id, img_id: img_id %}
<div id="{{ wrapper_id }}" class="feature-row__image-wrapper js">
<div style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;" data-image-loading-animation>
<a href="{{ block.settings.button_link }}">
<img id="{{ img_id }}"
class="feature-row__image lazyload"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
</a>
</div>
</div>
<noscript>
<p>
{{ block.settings.image | img_url: '480x480', scale: 2 | img_tag: block.settings.image.alt, 'feature-row__image' }}
</p>
</noscript>
{% else %}
<p>
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
</p>
{% endif %}
{% endif %}
{% if block.settings.title != blank %}
<h3 class="h4">{{ block.settings.title | escape }}</h3>
{% endif %}
{% if block.settings.text != blank %}
<div class="rte-setting">{{ block.settings.text }}</div>
{% endif %}

{% if block.settings.button_label != blank and block.settings.button_link != blank %}
{%- capture ariaLabel -%}
{{- block.settings.button_label -}}
{%- if block.settings.button_link.type == 'frontpage_link' -%}
: {{ 'homepage.general.title' | t -}}
{%- elsif block.settings.button_link.type == 'catalog_link' -%}
: {{ 'collections.catalog.title' | t -}}
{%- elsif block.settings.button_link.object.title -%}
: {{ block.settings.button_link.object.title -}}
{%- endif -%}
{%- endcapture -%}

<a href="{{ block.settings.button_link }}"
class="btn btn--secondary btn--small"
aria-label="{{ ariaLabel | escape }}">
{{- block.settings.button_label | escape -}}
</a>
{% endif %}
</div>
{% endfor %}
</div>

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

 

{% schema %}
{
"name": {
"cs": "Textové sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Kolom met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
},
"class": "index-section",
"settings": [
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
}
},
{
"type": "select",
"id": "align_text",
"label": {
"cs": "Zarovnání textu",
"da": "Tekstjustering",
"de": "Textausrichtung",
"en": "Text alignment",
"es": "Alineación de texto",
"fi": "Tekstin tasaus",
"fr": "Alignement du texte",
"it": "Allineamento del testo",
"ja": "テキストアラインメント",
"ko": "텍스트 정렬",
"nb": "Tekstjustering",
"nl": "Tekstuitlijning",
"pl": "Wyrównanie tekstu",
"pt-BR": "Alinhamento de texto",
"pt-PT": "Alinhamento de texto",
"sv": "Textjustering",
"th": "การจัดตำแหน่งข้อความ",
"tr": "Metin hizalaması",
"vi": "Căn chỉnh văn bản",
"zh-CN": "文本对齐方式",
"zh-TW": "文字對齊"
},
"default": "left",
"options": [
{
"value": "left",
"label": {
"cs": "Doleva",
"da": "Venstre",
"de": "Links",
"en": "Left",
"es": "Izquierda",
"fi": "Vasen",
"fr": "Gauche",
"it": "Sinistra",
"ja": "左",
"ko": "왼쪽",
"nb": "Venstre",
"nl": "Links",
"pl": "Do lewej",
"pt-BR": "Esquerda",
"pt-PT": "Esquerda",
"sv": "Vänster",
"th": "ด้านซ้าย",
"tr": "Sol",
"vi": "Bên trái",
"zh-CN": "左侧",
"zh-TW": "左方"
}
},
{
"value": "center",
"label": {
"cs": "Na střed",
"da": "Centreret",
"de": "Mittig",
"en": "Centered",
"es": "Centrado",
"fi": "Keskitetty",
"fr": "Centré",
"it": "Centrato",
"ja": "中央揃え",
"ko": "센터 맞추기",
"nb": "Sentrert",
"nl": "Gecentreerd",
"pl": "Wyśrodkowane",
"pt-BR": "Centralizado",
"pt-PT": "Centrado",
"sv": "Centrera",
"th": "ตรงกลาง",
"tr": "Orta",
"vi": "Giữa",
"zh-CN": "居中",
"zh-TW": "置中"
}
}
]
}
],
"blocks": [
{
"type": "text_block",
"name": {
"cs": "Sloupec",
"da": "Kolonne",
"de": "Spalte",
"en": "Column",
"es": "Columna",
"fi": "Sarake",
"fr": "Colonne",
"it": "Colonna",
"ja": "列",
"ko": "칼럼",
"nb": "Kolonne",
"nl": "Kolom",
"pl": "Kolumna",
"pt-BR": "Coluna",
"pt-PT": "Coluna",
"sv": "Kolumn",
"th": "คอลัมน์",
"tr": "Sütun",
"vi": "Cột",
"zh-CN": "列",
"zh-TW": "欄"
},
"settings": [
{
"type": "checkbox",
"id": "enable_image",
"label": {
"cs": "Zobrazit obrázek",
"da": "Vis billede",
"de": "Foto anzeigen",
"en": "Show image",
"es": "Mostrar imagen",
"fi": "Näytä kuva",
"fr": "Afficher l'image",
"it": "Mostra immagine",
"ja": "画像を表示する",
"ko": "이미지 표시",
"nb": "Vis bilde",
"nl": "Toon afbeelding",
"pl": "Pokaż obraz",
"pt-BR": "Exibir imagem",
"pt-PT": "Mostrar imagem",
"sv": "Visa bild",
"th": "แสดงรูปภาพ",
"tr": "Görseli göster",
"vi": "Hiển thị hình ảnh",
"zh-CN": "显示图片",
"zh-TW": "顯示圖片"
},
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": {
"cs": "Obrázek",
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"nb": "Bilde",
"nl": "Afbeelding",
"pl": "Obraz",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"tr": "Görsel",
"vi": "Hình ảnh",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Přidejte nadpis nebo slogan",
"da": "Tilføj en titel eller et slogan",
"de": "Titel oder Text hinzufügen",
"en": "Add a title or tagline",
"es": "Agregar un título o eslogan",
"fi": "Lisää otsikko tai iskulause",
"fr": "Ajouter un titre ou un slogan",
"it": "Aggiungi un titolo o una tagline",
"ja": "タイトルまたはキャッチコピーを追加する",
"ko": "제목 또는 슬로건 추가",
"nb": "Legg til en tittel eller er slagord",
"nl": "Voeg een titel of een slogan toe",
"pl": "Dodaj tytuł lub slogan",
"pt-BR": "Adicione um título ou slogan",
"pt-PT": "Adicionar título ou slogan",
"sv": "Lägg till en titel eller tagline",
"th": "เพิ่มชื่อเรื่องหรือสโลแกน",
"tr": "Başlık ve slogan ekleyin",
"vi": "Thêm tiêu đề hoặc câu đúc kết",
"zh-CN": "添加标题或标语",
"zh-TW": "新增標題或標語"
}
},
{
"type": "richtext",
"id": "text",
"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>Sdílejte se zákazníky příspěvky na blogu a informace o produktech či propagačních akcích. Prostřednictvím tohoto textu můžete popsat produkty, informovat o dostupnosti a stylu nebo vytvořit sekci pro nejnovější recenze a nejčastější dotazy.</p>",
"da": "<p>Del blogopslag, produkter eller reklamer med dine kunder. Brug denne tekst til at beskrive produkter, dele detaljer om tilgængelighed og stil eller som et sted til at vise dine seneste anmeldelser eller ofte stillede spørgsmål.</p>",
"de": "<p>Blogposts, Produkte oder Promotions mit Ihren Kunden teilen. Nutzen Sie diesen Text, um Produkte zu beschreiben, Details zu Verfügbarkeit und Stil mitzuteilen oder als Ort, wo Reviews oder FAQs stehen.</p>",
"en": "<p>Share blog posts, products, or promotions with your customers. Use this text to describe products, share details on availability and style, or as a space to display recent reviews or FAQs.</p>",
"es": "<p>Comparte entradas de blogs, productos o promociones con tus clientes. Usa este texto para describir productos, compartir detalles sobre la disponibilidad y el estilo, o como un espacio para mostrar reseñas recientes o preguntas frecuentes.</p>",
"fi": "<p>Jaa blogikirjoituksia, tuotteita tai kampanjoita asiakkaidesi kanssa. Tällä tekstillä voit kuvata tuotteita, jakaa tietoja saatavuudesta ja tyylistä tai käyttää sitä tilana viimeisimmille arvosteluille tai yleisille kysymyksille.</p>",
"fr": "<p>Partagez des articles de blog, des produits ou des promotions avec vos clients. Utilisez ce texte pour décrire vos produits, partager des détails sur leur disponibilité ou leur style, ou encore pour afficher des FAQ et avis récents.</p>",
"it": "<p>Condividi articoli del blog, prodotti o promozioni con i tuoi clienti. Utilizza questo spazio per descrivere i prodotti, condividendo dettagli sulla loro disponibilità e sul loro stile, oppure per mostrare recensioni recenti o domande frequenti.</p>",
"ja": "<p>ブログ記事、商品、またはプロモーションをお客様に伝えます。このテキストで商品について説明し、出品状況やスタイルの詳細を共有するか、最近のレビューやFAQを表示するスペースとして使用します。</p>",
"ko": "<p>블로그 게시물, 제품 또는 프로모션을 고객과 공유하십시오. 이 텍스트를 사용하여 제품을 설명하고 사용 가능성 및 스타일에 대한 세부 정보를 공유하거나 최근 리뷰 또는 FAQ를 표시할 수 있는 공간으로 사용하십시오.</p>",
"nb": "<p>Del blogginnlegg, produkter eller kampanjer med kundene dine. Bruk denne teksten til å beskrive produkter, dele detaljer om tilgjengelighet og stil, eller som et sted for å vise de siste omtalene eller vanlige spørsmål.</p>",
"nl": "<p>Deel blogposts, producten of promoties met je klanten. Gebruik deze tekst om producten te beschrijven, details over beschikbaarheid en stijl te delen of als een ruimte om recente beoordelingen of veelgestelde vragen weer te geven.</p>",
"pl": "<p>Udostępniaj swoim klientom wpisy na blogu, produkty lub promocje. Użyj tego tekstu do opisania produktów, informowania o dostępności i stylu lub jako przestrzeni do wyświetlania ostatnich recenzji lub Często zadawanych pytań.</p>",
"pt-BR": "<p>Compartilhe posts de blogs, produtos ou promoções com seus clientes. Use este texto para descrever produtos, compartilhar detalhes sobre disponibilidade e estilo ou como um espaço para exibir comentários recentes ou perguntas frequentes.</p>",
"pt-PT": "<p>Partilhe publicações no blogue, produtos ou promoções com os seus clientes. Utilize este texto para descrever produtos, partilhar detalhes sobre disponibilidade e estilo ou como local para mostrar FAQ ou análises recentes.</p>",
"sv": "<p>Dela blogginlägg, produkter eller kampanjer med dina kunder. Använd den här texten för att beskriva produkter, dela information om tillgänglighet och stil eller som ett utrymme för att visa senaste recensioner eller vanliga frågor.</p>",
"th": "<p>แชร์โพสต์บล็อก สินค้า หรือโปรโมชันกับลูกค้าของคุณ ใช้ข้อความนี้เพื่ออธิบายสินค้า แชร์รายละเอียดเกี่ยวกับความพร้อมจำหน่ายและสไตล์ หรือเป็นพื้นที่เพื่อจัดแสดงรีวิวล่าสุด หรือว่าคำถามที่พบบ่อย</p>",
"tr": "<p>Müşterilerinizle blog gönderileri, ürünler ve promosyonlar paylaşın. Ürünleri açıklamak, stok durumu ve stil ile ilgili ayrıntıları paylaşmak veya son değerlendirmeleri ya da SSS'leri göstereceğiniz bir alan olarak yararlanmak için bu metni kullanabilirsiniz.</p>",
"vi": "<p>Chia sẻ bài viết blog, sản phẩm, hoặc chương trình ưu đãi với khách hàng. Sử dụng văn bản này để mô tả sản phẩm, chia sẻ thông tin về tình trạng còn hàng và kiểu dáng, hoặc là nơi để hiển thị các đánh giá mới hoặc CHTG.</p>",
"zh-CN": "<p>与您的客户分享博客文章、产品或促销信息。使用此文本描述产品、分享有关供货情况和风格的详细信息,或将此文本作为显示最近评论或常见问题解答的区域。</p>",
"zh-TW": "<p>與顧客分享部落格貼文、產品或宣傳活動。請使用這段文字描述商品、分享庫存和樣式的詳細資訊,或顯示近期評論及常見問題。</p>"
}
},
{
"type": "text",
"id": "button_label",
"label": {
"cs": "Text tlačítka",
"da": "Knaptekst",
"de": "Button-Name",
"en": "Button label",
"es": "Etiqueta de botón",
"fi": "Tekstipainike",
"fr": "Texte du bouton",
"it": "Etichetta pulsante",
"ja": "ボタンのラベル",
"ko": "버튼 레이블",
"nb": "Knappetikett",
"nl": "Knoplabel",
"pl": "Przycisk z etykietą",
"pt-BR": "Etiqueta de botão",
"pt-PT": "Etiqueta do botão",
"sv": "Knappetikett",
"th": "ป้ายกำกับปุ่ม",
"tr": "Düğme etiketi",
"vi": "Nhãn nút",
"zh-CN": "按钮标签",
"zh-TW": "按鈕標籤"
}
},
{
"type": "url",
"id": "button_link",
"label": {
"cs": "Tlačítkový odkaz",
"da": "Knaplink",
"de": "Button-Link",
"en": "Button link",
"es": "Enlace de botón",
"fi": "Painikelinkki",
"fr": "Lien du bouton",
"it": "Link pulsante",
"ja": "ボタンのリンク",
"ko": "버튼 링크",
"nb": "Kobling for knapp",
"nl": "Knoplink",
"pl": "Link przycisku",
"pt-BR": "Link de botão",
"pt-PT": "Ligação do botão",
"sv": "Knapplänk",
"th": "ลิงก์ปุ่ม",
"tr": "Düğme bağlantısı",
"vi": "Liên kết trên nút",
"zh-CN": "按钮链接",
"zh-TW": "按鈕連結"
}
}
]
}
],
"presets": [
{
"name": {
"cs": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"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": "text_block"
},
{
"type": "text_block"
},
{
"type": "text_block"
}
]
}
]
}
{% endschema %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11972

@Mario26 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mario26
Tourist
5 0 3

Hello, thank you very much, here is the link of our shopify website https://ttstyling.myshopify.com/ , I am looking forward for your answer.

Kind regards

KetanKumar
Shopify Partner
36839 3635 11972

@Mario26 

yes please sent section code so i will update code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mario26
Tourist
5 0 3

Hello, here is the how I want it to be, I want that these four pictures are linked to their collection, so when I click on the picture it sends me to corresponded collection. This is the only code I found that is connected with columns. In attachment I sent you pictures I want to be linked and where I found code and I am sending you down code I found. I hope you find the solution.  Kind regards

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

<div class="grid {% unless section.blocks.size == 5 %}grid--uniform{% endunless %} grid--flush-bottom">
{%- assign grid_item_width = 'medium-up--one-third' -%}
{%- assign max_height = 345 -%}
{% case section.blocks.size %}
{% when 1 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% endcase %}
{% for block in section.blocks %}
{% if section.blocks.size == 5 and forloop.index < 3 %}
{%- assign column_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% else %}
{%- assign column_width = grid_item_width -%}
{% endif %}
<div class="grid__item {{ column_width }} text-{{ section.settings.align_text }}" {{ block.shopify_attributes }}>
{% if block.settings.enable_image %}
{% if block.settings.image != blank %}
{% capture img_id %}TextColumnImage-{{ block.id }}{% endcapture %}
{% capture wrapper_id %}TextColumnImageWrapper-{{ block.id }}{% endcapture %}
{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% include 'image-style', image: block.settings.image, height: max_height, wrapper_id: wrapper_id, img_id: img_id %}
<div id="{{ wrapper_id }}" class="feature-row__image-wrapper js">
<div style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;" data-image-loading-animation>
<img id="{{ img_id }}"
class="feature-row__image lazyload"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
</div>
</div>
<noscript>
<p>
{{ block.settings.image | img_url: '480x480', scale: 2 | img_tag: block.settings.image.alt, 'feature-row__image' }}
</p>
</noscript>
{% else %}
<p>
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
</p>
{% endif %}
{% endif %}
{% if block.settings.title != blank %}
<h3 class="h4">{{ block.settings.title | escape }}</h3>
{% endif %}
{% if block.settings.text != blank %}
<div class="rte-setting">{{ block.settings.text }}</div>
{% endif %}

{% if block.settings.button_label != blank and block.settings.button_link != blank %}
{%- capture ariaLabel -%}
{{- block.settings.button_label -}}
{%- if block.settings.button_link.type == 'frontpage_link' -%}
: {{ 'homepage.general.title' | t -}}
{%- elsif block.settings.button_link.type == 'catalog_link' -%}
: {{ 'collections.catalog.title' | t -}}
{%- elsif block.settings.button_link.object.title -%}
: {{ block.settings.button_link.object.title -}}
{%- endif -%}
{%- endcapture -%}

<a href="{{ block.settings.button_link }}"
class="btn btn--secondary btn--small"
aria-label="{{ ariaLabel | escape }}">
{{- block.settings.button_label | escape -}}
</a>
{% endif %}
</div>
{% endfor %}
</div>

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

 

{% schema %}
{
"name": {
"cs": "Textové sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Kolom met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
},
"class": "index-section",
"settings": [
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
}
},
{
"type": "select",
"id": "align_text",
"label": {
"cs": "Zarovnání textu",
"da": "Tekstjustering",
"de": "Textausrichtung",
"en": "Text alignment",
"es": "Alineación de texto",
"fi": "Tekstin tasaus",
"fr": "Alignement du texte",
"it": "Allineamento del testo",
"ja": "テキストアラインメント",
"ko": "텍스트 정렬",
"nb": "Tekstjustering",
"nl": "Tekstuitlijning",
"pl": "Wyrównanie tekstu",
"pt-BR": "Alinhamento de texto",
"pt-PT": "Alinhamento de texto",
"sv": "Textjustering",
"th": "การจัดตำแหน่งข้อความ",
"tr": "Metin hizalaması",
"vi": "Căn chỉnh văn bản",
"zh-CN": "文本对齐方式",
"zh-TW": "文字對齊"
},
"default": "left",
"options": [
{
"value": "left",
"label": {
"cs": "Doleva",
"da": "Venstre",
"de": "Links",
"en": "Left",
"es": "Izquierda",
"fi": "Vasen",
"fr": "Gauche",
"it": "Sinistra",
"ja": "左",
"ko": "왼쪽",
"nb": "Venstre",
"nl": "Links",
"pl": "Do lewej",
"pt-BR": "Esquerda",
"pt-PT": "Esquerda",
"sv": "Vänster",
"th": "ด้านซ้าย",
"tr": "Sol",
"vi": "Bên trái",
"zh-CN": "左侧",
"zh-TW": "左方"
}
},
{
"value": "center",
"label": {
"cs": "Na střed",
"da": "Centreret",
"de": "Mittig",
"en": "Centered",
"es": "Centrado",
"fi": "Keskitetty",
"fr": "Centré",
"it": "Centrato",
"ja": "中央揃え",
"ko": "센터 맞추기",
"nb": "Sentrert",
"nl": "Gecentreerd",
"pl": "Wyśrodkowane",
"pt-BR": "Centralizado",
"pt-PT": "Centrado",
"sv": "Centrera",
"th": "ตรงกลาง",
"tr": "Orta",
"vi": "Giữa",
"zh-CN": "居中",
"zh-TW": "置中"
}
}
]
}
],
"blocks": [
{
"type": "text_block",
"name": {
"cs": "Sloupec",
"da": "Kolonne",
"de": "Spalte",
"en": "Column",
"es": "Columna",
"fi": "Sarake",
"fr": "Colonne",
"it": "Colonna",
"ja": "列",
"ko": "칼럼",
"nb": "Kolonne",
"nl": "Kolom",
"pl": "Kolumna",
"pt-BR": "Coluna",
"pt-PT": "Coluna",
"sv": "Kolumn",
"th": "คอลัมน์",
"tr": "Sütun",
"vi": "Cột",
"zh-CN": "列",
"zh-TW": "欄"
},
"settings": [
{
"type": "checkbox",
"id": "enable_image",
"label": {
"cs": "Zobrazit obrázek",
"da": "Vis billede",
"de": "Foto anzeigen",
"en": "Show image",
"es": "Mostrar imagen",
"fi": "Näytä kuva",
"fr": "Afficher l'image",
"it": "Mostra immagine",
"ja": "画像を表示する",
"ko": "이미지 표시",
"nb": "Vis bilde",
"nl": "Toon afbeelding",
"pl": "Pokaż obraz",
"pt-BR": "Exibir imagem",
"pt-PT": "Mostrar imagem",
"sv": "Visa bild",
"th": "แสดงรูปภาพ",
"tr": "Görseli göster",
"vi": "Hiển thị hình ảnh",
"zh-CN": "显示图片",
"zh-TW": "顯示圖片"
},
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": {
"cs": "Obrázek",
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"nb": "Bilde",
"nl": "Afbeelding",
"pl": "Obraz",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"tr": "Görsel",
"vi": "Hình ảnh",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Přidejte nadpis nebo slogan",
"da": "Tilføj en titel eller et slogan",
"de": "Titel oder Text hinzufügen",
"en": "Add a title or tagline",
"es": "Agregar un título o eslogan",
"fi": "Lisää otsikko tai iskulause",
"fr": "Ajouter un titre ou un slogan",
"it": "Aggiungi un titolo o una tagline",
"ja": "タイトルまたはキャッチコピーを追加する",
"ko": "제목 또는 슬로건 추가",
"nb": "Legg til en tittel eller er slagord",
"nl": "Voeg een titel of een slogan toe",
"pl": "Dodaj tytuł lub slogan",
"pt-BR": "Adicione um título ou slogan",
"pt-PT": "Adicionar título ou slogan",
"sv": "Lägg till en titel eller tagline",
"th": "เพิ่มชื่อเรื่องหรือสโลแกน",
"tr": "Başlık ve slogan ekleyin",
"vi": "Thêm tiêu đề hoặc câu đúc kết",
"zh-CN": "添加标题或标语",
"zh-TW": "新增標題或標語"
}
},
{
"type": "richtext",
"id": "text",
"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>Sdílejte se zákazníky příspěvky na blogu a informace o produktech či propagačních akcích. Prostřednictvím tohoto textu můžete popsat produkty, informovat o dostupnosti a stylu nebo vytvořit sekci pro nejnovější recenze a nejčastější dotazy.</p>",
"da": "<p>Del blogopslag, produkter eller reklamer med dine kunder. Brug denne tekst til at beskrive produkter, dele detaljer om tilgængelighed og stil eller som et sted til at vise dine seneste anmeldelser eller ofte stillede spørgsmål.</p>",
"de": "<p>Blogposts, Produkte oder Promotions mit Ihren Kunden teilen. Nutzen Sie diesen Text, um Produkte zu beschreiben, Details zu Verfügbarkeit und Stil mitzuteilen oder als Ort, wo Reviews oder FAQs stehen.</p>",
"en": "<p>Share blog posts, products, or promotions with your customers. Use this text to describe products, share details on availability and style, or as a space to display recent reviews or FAQs.</p>",
"es": "<p>Comparte entradas de blogs, productos o promociones con tus clientes. Usa este texto para describir productos, compartir detalles sobre la disponibilidad y el estilo, o como un espacio para mostrar reseñas recientes o preguntas frecuentes.</p>",
"fi": "<p>Jaa blogikirjoituksia, tuotteita tai kampanjoita asiakkaidesi kanssa. Tällä tekstillä voit kuvata tuotteita, jakaa tietoja saatavuudesta ja tyylistä tai käyttää sitä tilana viimeisimmille arvosteluille tai yleisille kysymyksille.</p>",
"fr": "<p>Partagez des articles de blog, des produits ou des promotions avec vos clients. Utilisez ce texte pour décrire vos produits, partager des détails sur leur disponibilité ou leur style, ou encore pour afficher des FAQ et avis récents.</p>",
"it": "<p>Condividi articoli del blog, prodotti o promozioni con i tuoi clienti. Utilizza questo spazio per descrivere i prodotti, condividendo dettagli sulla loro disponibilità e sul loro stile, oppure per mostrare recensioni recenti o domande frequenti.</p>",
"ja": "<p>ブログ記事、商品、またはプロモーションをお客様に伝えます。このテキストで商品について説明し、出品状況やスタイルの詳細を共有するか、最近のレビューやFAQを表示するスペースとして使用します。</p>",
"ko": "<p>블로그 게시물, 제품 또는 프로모션을 고객과 공유하십시오. 이 텍스트를 사용하여 제품을 설명하고 사용 가능성 및 스타일에 대한 세부 정보를 공유하거나 최근 리뷰 또는 FAQ를 표시할 수 있는 공간으로 사용하십시오.</p>",
"nb": "<p>Del blogginnlegg, produkter eller kampanjer med kundene dine. Bruk denne teksten til å beskrive produkter, dele detaljer om tilgjengelighet og stil, eller som et sted for å vise de siste omtalene eller vanlige spørsmål.</p>",
"nl": "<p>Deel blogposts, producten of promoties met je klanten. Gebruik deze tekst om producten te beschrijven, details over beschikbaarheid en stijl te delen of als een ruimte om recente beoordelingen of veelgestelde vragen weer te geven.</p>",
"pl": "<p>Udostępniaj swoim klientom wpisy na blogu, produkty lub promocje. Użyj tego tekstu do opisania produktów, informowania o dostępności i stylu lub jako przestrzeni do wyświetlania ostatnich recenzji lub Często zadawanych pytań.</p>",
"pt-BR": "<p>Compartilhe posts de blogs, produtos ou promoções com seus clientes. Use este texto para descrever produtos, compartilhar detalhes sobre disponibilidade e estilo ou como um espaço para exibir comentários recentes ou perguntas frequentes.</p>",
"pt-PT": "<p>Partilhe publicações no blogue, produtos ou promoções com os seus clientes. Utilize este texto para descrever produtos, partilhar detalhes sobre disponibilidade e estilo ou como local para mostrar FAQ ou análises recentes.</p>",
"sv": "<p>Dela blogginlägg, produkter eller kampanjer med dina kunder. Använd den här texten för att beskriva produkter, dela information om tillgänglighet och stil eller som ett utrymme för att visa senaste recensioner eller vanliga frågor.</p>",
"th": "<p>แชร์โพสต์บล็อก สินค้า หรือโปรโมชันกับลูกค้าของคุณ ใช้ข้อความนี้เพื่ออธิบายสินค้า แชร์รายละเอียดเกี่ยวกับความพร้อมจำหน่ายและสไตล์ หรือเป็นพื้นที่เพื่อจัดแสดงรีวิวล่าสุด หรือว่าคำถามที่พบบ่อย</p>",
"tr": "<p>Müşterilerinizle blog gönderileri, ürünler ve promosyonlar paylaşın. Ürünleri açıklamak, stok durumu ve stil ile ilgili ayrıntıları paylaşmak veya son değerlendirmeleri ya da SSS'leri göstereceğiniz bir alan olarak yararlanmak için bu metni kullanabilirsiniz.</p>",
"vi": "<p>Chia sẻ bài viết blog, sản phẩm, hoặc chương trình ưu đãi với khách hàng. Sử dụng văn bản này để mô tả sản phẩm, chia sẻ thông tin về tình trạng còn hàng và kiểu dáng, hoặc là nơi để hiển thị các đánh giá mới hoặc CHTG.</p>",
"zh-CN": "<p>与您的客户分享博客文章、产品或促销信息。使用此文本描述产品、分享有关供货情况和风格的详细信息,或将此文本作为显示最近评论或常见问题解答的区域。</p>",
"zh-TW": "<p>與顧客分享部落格貼文、產品或宣傳活動。請使用這段文字描述商品、分享庫存和樣式的詳細資訊,或顯示近期評論及常見問題。</p>"
}
},
{
"type": "text",
"id": "button_label",
"label": {
"cs": "Text tlačítka",
"da": "Knaptekst",
"de": "Button-Name",
"en": "Button label",
"es": "Etiqueta de botón",
"fi": "Tekstipainike",
"fr": "Texte du bouton",
"it": "Etichetta pulsante",
"ja": "ボタンのラベル",
"ko": "버튼 레이블",
"nb": "Knappetikett",
"nl": "Knoplabel",
"pl": "Przycisk z etykietą",
"pt-BR": "Etiqueta de botão",
"pt-PT": "Etiqueta do botão",
"sv": "Knappetikett",
"th": "ป้ายกำกับปุ่ม",
"tr": "Düğme etiketi",
"vi": "Nhãn nút",
"zh-CN": "按钮标签",
"zh-TW": "按鈕標籤"
}
},
{
"type": "url",
"id": "button_link",
"label": {
"cs": "Tlačítkový odkaz",
"da": "Knaplink",
"de": "Button-Link",
"en": "Button link",
"es": "Enlace de botón",
"fi": "Painikelinkki",
"fr": "Lien du bouton",
"it": "Link pulsante",
"ja": "ボタンのリンク",
"ko": "버튼 링크",
"nb": "Kobling for knapp",
"nl": "Knoplink",
"pl": "Link przycisku",
"pt-BR": "Link de botão",
"pt-PT": "Ligação do botão",
"sv": "Knapplänk",
"th": "ลิงก์ปุ่ม",
"tr": "Düğme bağlantısı",
"vi": "Liên kết trên nút",
"zh-CN": "按钮链接",
"zh-TW": "按鈕連結"
}
}
]
}
],
"presets": [
{
"name": {
"cs": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"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": "text_block"
},
{
"type": "text_block"
},
{
"type": "text_block"
}
]
}
]
}
{% endschema %}

Mario26
Tourist
5 0 3

Hi, I sent you code and zip file, did you receive it?

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Mario26 

yes thanks for code can you try this code

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

<div class="grid {% unless section.blocks.size == 5 %}grid--uniform{% endunless %} grid--flush-bottom">
{%- assign grid_item_width = 'medium-up--one-third' -%}
{%- assign max_height = 345 -%}
{% case section.blocks.size %}
{% when 1 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% endcase %}
{% for block in section.blocks %}
{% if section.blocks.size == 5 and forloop.index < 3 %}
{%- assign column_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% else %}
{%- assign column_width = grid_item_width -%}
{% endif %}
<div class="grid__item {{ column_width }} text-{{ section.settings.align_text }}" {{ block.shopify_attributes }}>
{% if block.settings.enable_image %}
{% if block.settings.image != blank %}
{% capture img_id %}TextColumnImage-{{ block.id }}{% endcapture %}
{% capture wrapper_id %}TextColumnImageWrapper-{{ block.id }}{% endcapture %}
{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% include 'image-style', image: block.settings.image, height: max_height, wrapper_id: wrapper_id, img_id: img_id %}
<div id="{{ wrapper_id }}" class="feature-row__image-wrapper js">
<div style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;" data-image-loading-animation>
<a href="{{ block.settings.button_link }}">
<img id="{{ img_id }}"
class="feature-row__image lazyload"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt | escape }}">
</a>
</div>
</div>
<noscript>
<p>
{{ block.settings.image | img_url: '480x480', scale: 2 | img_tag: block.settings.image.alt, 'feature-row__image' }}
</p>
</noscript>
{% else %}
<p>
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
</p>
{% endif %}
{% endif %}
{% if block.settings.title != blank %}
<h3 class="h4">{{ block.settings.title | escape }}</h3>
{% endif %}
{% if block.settings.text != blank %}
<div class="rte-setting">{{ block.settings.text }}</div>
{% endif %}

{% if block.settings.button_label != blank and block.settings.button_link != blank %}
{%- capture ariaLabel -%}
{{- block.settings.button_label -}}
{%- if block.settings.button_link.type == 'frontpage_link' -%}
: {{ 'homepage.general.title' | t -}}
{%- elsif block.settings.button_link.type == 'catalog_link' -%}
: {{ 'collections.catalog.title' | t -}}
{%- elsif block.settings.button_link.object.title -%}
: {{ block.settings.button_link.object.title -}}
{%- endif -%}
{%- endcapture -%}

<a href="{{ block.settings.button_link }}"
class="btn btn--secondary btn--small"
aria-label="{{ ariaLabel | escape }}">
{{- block.settings.button_label | escape -}}
</a>
{% endif %}
</div>
{% endfor %}
</div>

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

 

{% schema %}
{
"name": {
"cs": "Textové sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Kolom met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
},
"class": "index-section",
"settings": [
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"zh-CN": "带有图片的文本列",
"zh-TW": "附圖片的文字欄"
}
},
{
"type": "select",
"id": "align_text",
"label": {
"cs": "Zarovnání textu",
"da": "Tekstjustering",
"de": "Textausrichtung",
"en": "Text alignment",
"es": "Alineación de texto",
"fi": "Tekstin tasaus",
"fr": "Alignement du texte",
"it": "Allineamento del testo",
"ja": "テキストアラインメント",
"ko": "텍스트 정렬",
"nb": "Tekstjustering",
"nl": "Tekstuitlijning",
"pl": "Wyrównanie tekstu",
"pt-BR": "Alinhamento de texto",
"pt-PT": "Alinhamento de texto",
"sv": "Textjustering",
"th": "การจัดตำแหน่งข้อความ",
"tr": "Metin hizalaması",
"vi": "Căn chỉnh văn bản",
"zh-CN": "文本对齐方式",
"zh-TW": "文字對齊"
},
"default": "left",
"options": [
{
"value": "left",
"label": {
"cs": "Doleva",
"da": "Venstre",
"de": "Links",
"en": "Left",
"es": "Izquierda",
"fi": "Vasen",
"fr": "Gauche",
"it": "Sinistra",
"ja": "左",
"ko": "왼쪽",
"nb": "Venstre",
"nl": "Links",
"pl": "Do lewej",
"pt-BR": "Esquerda",
"pt-PT": "Esquerda",
"sv": "Vänster",
"th": "ด้านซ้าย",
"tr": "Sol",
"vi": "Bên trái",
"zh-CN": "左侧",
"zh-TW": "左方"
}
},
{
"value": "center",
"label": {
"cs": "Na střed",
"da": "Centreret",
"de": "Mittig",
"en": "Centered",
"es": "Centrado",
"fi": "Keskitetty",
"fr": "Centré",
"it": "Centrato",
"ja": "中央揃え",
"ko": "센터 맞추기",
"nb": "Sentrert",
"nl": "Gecentreerd",
"pl": "Wyśrodkowane",
"pt-BR": "Centralizado",
"pt-PT": "Centrado",
"sv": "Centrera",
"th": "ตรงกลาง",
"tr": "Orta",
"vi": "Giữa",
"zh-CN": "居中",
"zh-TW": "置中"
}
}
]
}
],
"blocks": [
{
"type": "text_block",
"name": {
"cs": "Sloupec",
"da": "Kolonne",
"de": "Spalte",
"en": "Column",
"es": "Columna",
"fi": "Sarake",
"fr": "Colonne",
"it": "Colonna",
"ja": "列",
"ko": "칼럼",
"nb": "Kolonne",
"nl": "Kolom",
"pl": "Kolumna",
"pt-BR": "Coluna",
"pt-PT": "Coluna",
"sv": "Kolumn",
"th": "คอลัมน์",
"tr": "Sütun",
"vi": "Cột",
"zh-CN": "列",
"zh-TW": "欄"
},
"settings": [
{
"type": "checkbox",
"id": "enable_image",
"label": {
"cs": "Zobrazit obrázek",
"da": "Vis billede",
"de": "Foto anzeigen",
"en": "Show image",
"es": "Mostrar imagen",
"fi": "Näytä kuva",
"fr": "Afficher l'image",
"it": "Mostra immagine",
"ja": "画像を表示する",
"ko": "이미지 표시",
"nb": "Vis bilde",
"nl": "Toon afbeelding",
"pl": "Pokaż obraz",
"pt-BR": "Exibir imagem",
"pt-PT": "Mostrar imagem",
"sv": "Visa bild",
"th": "แสดงรูปภาพ",
"tr": "Görseli göster",
"vi": "Hiển thị hình ảnh",
"zh-CN": "显示图片",
"zh-TW": "顯示圖片"
},
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": {
"cs": "Obrázek",
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"nb": "Bilde",
"nl": "Afbeelding",
"pl": "Obraz",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"tr": "Görsel",
"vi": "Hình ảnh",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"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": "Přidejte nadpis nebo slogan",
"da": "Tilføj en titel eller et slogan",
"de": "Titel oder Text hinzufügen",
"en": "Add a title or tagline",
"es": "Agregar un título o eslogan",
"fi": "Lisää otsikko tai iskulause",
"fr": "Ajouter un titre ou un slogan",
"it": "Aggiungi un titolo o una tagline",
"ja": "タイトルまたはキャッチコピーを追加する",
"ko": "제목 또는 슬로건 추가",
"nb": "Legg til en tittel eller er slagord",
"nl": "Voeg een titel of een slogan toe",
"pl": "Dodaj tytuł lub slogan",
"pt-BR": "Adicione um título ou slogan",
"pt-PT": "Adicionar título ou slogan",
"sv": "Lägg till en titel eller tagline",
"th": "เพิ่มชื่อเรื่องหรือสโลแกน",
"tr": "Başlık ve slogan ekleyin",
"vi": "Thêm tiêu đề hoặc câu đúc kết",
"zh-CN": "添加标题或标语",
"zh-TW": "新增標題或標語"
}
},
{
"type": "richtext",
"id": "text",
"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>Sdílejte se zákazníky příspěvky na blogu a informace o produktech či propagačních akcích. Prostřednictvím tohoto textu můžete popsat produkty, informovat o dostupnosti a stylu nebo vytvořit sekci pro nejnovější recenze a nejčastější dotazy.</p>",
"da": "<p>Del blogopslag, produkter eller reklamer med dine kunder. Brug denne tekst til at beskrive produkter, dele detaljer om tilgængelighed og stil eller som et sted til at vise dine seneste anmeldelser eller ofte stillede spørgsmål.</p>",
"de": "<p>Blogposts, Produkte oder Promotions mit Ihren Kunden teilen. Nutzen Sie diesen Text, um Produkte zu beschreiben, Details zu Verfügbarkeit und Stil mitzuteilen oder als Ort, wo Reviews oder FAQs stehen.</p>",
"en": "<p>Share blog posts, products, or promotions with your customers. Use this text to describe products, share details on availability and style, or as a space to display recent reviews or FAQs.</p>",
"es": "<p>Comparte entradas de blogs, productos o promociones con tus clientes. Usa este texto para describir productos, compartir detalles sobre la disponibilidad y el estilo, o como un espacio para mostrar reseñas recientes o preguntas frecuentes.</p>",
"fi": "<p>Jaa blogikirjoituksia, tuotteita tai kampanjoita asiakkaidesi kanssa. Tällä tekstillä voit kuvata tuotteita, jakaa tietoja saatavuudesta ja tyylistä tai käyttää sitä tilana viimeisimmille arvosteluille tai yleisille kysymyksille.</p>",
"fr": "<p>Partagez des articles de blog, des produits ou des promotions avec vos clients. Utilisez ce texte pour décrire vos produits, partager des détails sur leur disponibilité ou leur style, ou encore pour afficher des FAQ et avis récents.</p>",
"it": "<p>Condividi articoli del blog, prodotti o promozioni con i tuoi clienti. Utilizza questo spazio per descrivere i prodotti, condividendo dettagli sulla loro disponibilità e sul loro stile, oppure per mostrare recensioni recenti o domande frequenti.</p>",
"ja": "<p>ブログ記事、商品、またはプロモーションをお客様に伝えます。このテキストで商品について説明し、出品状況やスタイルの詳細を共有するか、最近のレビューやFAQを表示するスペースとして使用します。</p>",
"ko": "<p>블로그 게시물, 제품 또는 프로모션을 고객과 공유하십시오. 이 텍스트를 사용하여 제품을 설명하고 사용 가능성 및 스타일에 대한 세부 정보를 공유하거나 최근 리뷰 또는 FAQ를 표시할 수 있는 공간으로 사용하십시오.</p>",
"nb": "<p>Del blogginnlegg, produkter eller kampanjer med kundene dine. Bruk denne teksten til å beskrive produkter, dele detaljer om tilgjengelighet og stil, eller som et sted for å vise de siste omtalene eller vanlige spørsmål.</p>",
"nl": "<p>Deel blogposts, producten of promoties met je klanten. Gebruik deze tekst om producten te beschrijven, details over beschikbaarheid en stijl te delen of als een ruimte om recente beoordelingen of veelgestelde vragen weer te geven.</p>",
"pl": "<p>Udostępniaj swoim klientom wpisy na blogu, produkty lub promocje. Użyj tego tekstu do opisania produktów, informowania o dostępności i stylu lub jako przestrzeni do wyświetlania ostatnich recenzji lub Często zadawanych pytań.</p>",
"pt-BR": "<p>Compartilhe posts de blogs, produtos ou promoções com seus clientes. Use este texto para descrever produtos, compartilhar detalhes sobre disponibilidade e estilo ou como um espaço para exibir comentários recentes ou perguntas frequentes.</p>",
"pt-PT": "<p>Partilhe publicações no blogue, produtos ou promoções com os seus clientes. Utilize este texto para descrever produtos, partilhar detalhes sobre disponibilidade e estilo ou como local para mostrar FAQ ou análises recentes.</p>",
"sv": "<p>Dela blogginlägg, produkter eller kampanjer med dina kunder. Använd den här texten för att beskriva produkter, dela information om tillgänglighet och stil eller som ett utrymme för att visa senaste recensioner eller vanliga frågor.</p>",
"th": "<p>แชร์โพสต์บล็อก สินค้า หรือโปรโมชันกับลูกค้าของคุณ ใช้ข้อความนี้เพื่ออธิบายสินค้า แชร์รายละเอียดเกี่ยวกับความพร้อมจำหน่ายและสไตล์ หรือเป็นพื้นที่เพื่อจัดแสดงรีวิวล่าสุด หรือว่าคำถามที่พบบ่อย</p>",
"tr": "<p>Müşterilerinizle blog gönderileri, ürünler ve promosyonlar paylaşın. Ürünleri açıklamak, stok durumu ve stil ile ilgili ayrıntıları paylaşmak veya son değerlendirmeleri ya da SSS'leri göstereceğiniz bir alan olarak yararlanmak için bu metni kullanabilirsiniz.</p>",
"vi": "<p>Chia sẻ bài viết blog, sản phẩm, hoặc chương trình ưu đãi với khách hàng. Sử dụng văn bản này để mô tả sản phẩm, chia sẻ thông tin về tình trạng còn hàng và kiểu dáng, hoặc là nơi để hiển thị các đánh giá mới hoặc CHTG.</p>",
"zh-CN": "<p>与您的客户分享博客文章、产品或促销信息。使用此文本描述产品、分享有关供货情况和风格的详细信息,或将此文本作为显示最近评论或常见问题解答的区域。</p>",
"zh-TW": "<p>與顧客分享部落格貼文、產品或宣傳活動。請使用這段文字描述商品、分享庫存和樣式的詳細資訊,或顯示近期評論及常見問題。</p>"
}
},
{
"type": "text",
"id": "button_label",
"label": {
"cs": "Text tlačítka",
"da": "Knaptekst",
"de": "Button-Name",
"en": "Button label",
"es": "Etiqueta de botón",
"fi": "Tekstipainike",
"fr": "Texte du bouton",
"it": "Etichetta pulsante",
"ja": "ボタンのラベル",
"ko": "버튼 레이블",
"nb": "Knappetikett",
"nl": "Knoplabel",
"pl": "Przycisk z etykietą",
"pt-BR": "Etiqueta de botão",
"pt-PT": "Etiqueta do botão",
"sv": "Knappetikett",
"th": "ป้ายกำกับปุ่ม",
"tr": "Düğme etiketi",
"vi": "Nhãn nút",
"zh-CN": "按钮标签",
"zh-TW": "按鈕標籤"
}
},
{
"type": "url",
"id": "button_link",
"label": {
"cs": "Tlačítkový odkaz",
"da": "Knaplink",
"de": "Button-Link",
"en": "Button link",
"es": "Enlace de botón",
"fi": "Painikelinkki",
"fr": "Lien du bouton",
"it": "Link pulsante",
"ja": "ボタンのリンク",
"ko": "버튼 링크",
"nb": "Kobling for knapp",
"nl": "Knoplink",
"pl": "Link przycisku",
"pt-BR": "Link de botão",
"pt-PT": "Ligação do botão",
"sv": "Knapplänk",
"th": "ลิงก์ปุ่ม",
"tr": "Düğme bağlantısı",
"vi": "Liên kết trên nút",
"zh-CN": "按钮链接",
"zh-TW": "按鈕連結"
}
}
]
}
],
"presets": [
{
"name": {
"cs": "Text. sloupce s obrázky",
"da": "Tekstkolonner med billeder",
"de": "Textspalten mit Fotos",
"en": "Text columns with images",
"es": "Columnas de texto con imágenes",
"fi": "Tekstisarakkeet kuvilla",
"fr": "Colonnes de texte et images",
"it": "Colonne di testo con foto",
"ja": "画像付きテキスト列",
"ko": "이미지 포함 텍스트 열",
"nb": "Tekstkolonner med bilder",
"nl": "Tekstkolommen met afbeeldingen",
"pl": "Kolumny tekstowe z obrazami",
"pt-BR": "Texto em coluna com imagens",
"pt-PT": "Colunas texto c/ imagens",
"sv": "Textkolumner med bilder",
"th": "คอลัมน์ข้อความพร้อมรูปภาพ",
"tr": "Görsel içeren metin sütunları",
"vi": "Cột văn bản có hình ảnh",
"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": "text_block"
},
{
"type": "text_block"
},
{
"type": "text_block"
}
]
}
]
}
{% endschema %}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Mario26
Tourist
5 0 3

Hi,

thank you very much, it works now, I will recommend you and give a lot of kind words for you to shopify support.

Kind regards

KetanKumar
Shopify Partner
36839 3635 11972

@Mario26 

its my pleasure to help us 

and thanks for your compliments  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing