Clickable Images

Solved
tcdunn35
Excursionist
11 0 4

Hi.

 

I am currently edited my shopify theme. The theme i'm using was supplied by the shopify course I am working with. I want to add a gallery from the custom content section of about 5-10 photos and want add links to different collections from those images.

I know this can be done through coding but I'm not very familiar with coding. Could anyone help? Thanks 

KetanKumar
Shopify Partner
18646 1966 6907

@tcdunn35 

thanks for post 

can you please share section code so i will update 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tcdunn35
Excursionist
11 0 4

that's my problem I don't know what the section code is called. I don't really know much about coding. 

Not sure if it would be under custom-content.liquid, image-style.liquid, or image-bar.liquid. If none of these are correct please advise on what the name general is under. I have inserted the codes for custom-content.liquid and image-stlye.liquid below. Thanks

Custom-Content.liquid

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

<div class="custom-content">
{% for block in section.blocks %}
{% case block.settings.width %}
{% when '25%' %}
{%- assign max_height = 250 -%}
{%- assign block_width = 'small--one-half medium-up--one-quarter' -%}
{% when '33%' %}
{%- assign max_height = 345 -%}
{%- assign block_width = 'small--one-half medium-up--one-third' -%}
{% when '50%' %}
{%- assign max_height = 530 -%}
{%- assign block_width = 'small--one-half medium-up--one-half' -%}
{% when '66%' %}
{%- assign max_height = 720 -%}
{%- assign block_width = 'two-thirds' -%}
{% when '75%' %}
{%- assign max_height = 810 -%}
{%- assign block_width = 'three-quarters' -%}
{% when '100%' %}
{%- assign max_height = 1090 -%}
{%- assign block_width = 'one-whole' -%}
{% endcase %}

{% if block.type == 'image' %}
{% capture img_id %}CustomImage--{{ forloop.index }}-{{ block.settings.image.id }}{% endcapture %}
{% capture img_wrapper_id %}CustomImageWrapper--{{ forloop.index }}-{{ block.settings.image.id }}{% endcapture %}

{% unless block.settings.image == blank %}
{% include 'image-style' with image: block.settings.image, small_style: false, width: max_height, height: max_height, wrapper_id: img_wrapper_id, img_id: img_id %}
{% endunless %}
{% endif %}

<div class="custom__item custom__item--{{block.id}} {{ block_width }} {% if block.settings.alignment %}align--{{ block.settings.alignment }}{% endif %}" {{ block.shopify_attributes }}>
<div class="custom__item-inner custom__item-inner--{{ block.type }}"{% if block.type == 'image' %} id="{{ img_wrapper_id }}"{% endif %}>
{% case block.type %}
{% when 'image' %}
{% if block.settings.image != blank %}
{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<div style="padding-top:{{ 1 | divided_by: block.settings.image.aspect_ratio | times: 100}}%;">
<img id="{{ img_id }}"
class="custom__image lazyload js"
src="{{ block.settings.image | img_url: '300x300' }}"
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>
<noscript>
{% capture image_size %}{{ max_height }}x{% endcapture %}
{{ block.settings.image | img_url: image_size, scale: 2, crop: 'top' | img_tag: block.settings.image.alt, 'custom__image' }}
</noscript>
{% else %}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
{% when 'text' %}
<div class="medium-up--text-{{ block.settings.align_text }}">
{% if block.settings.title != blank %}
<h4 class="h3">{{ block.settings.title | escape }}</h4>
{% endif %}
{% if block.settings.text != blank %}
<div class="rte-setting rte">{{ block.settings.text }}</div>
{% endif %}
</div>
{% when 'video' %}
<div class="video-wrapper">
{% if block.settings.video_url == blank %}
<iframe src="//www.youtube.com/embed/_9VUPq3SxOc?rel=0&showinfo=0&vq=720" width="850" height="480" frameborder="0" allowfullscreen></iframe>
{% else %}
{% if block.settings.video_url.type == "youtube" %}
<iframe src="//www.youtube.com/embed/{{ block.settings.video_url.id }}?rel=0&showinfo=0&vq=720" width="850" height="480" frameborder="0" allowfullscreen></iframe>
{% endif %}
{% if block.settings.video_url.type == "vimeo" %}
<iframe src="//player.vimeo.com/video/{{ block.settings.video_url.id }}?byline=0&portrait=0&badge=0" width="850" height="480" frameborder="0" allowfullscreen></iframe>
{% endif %}
{% endif %}
</div>
{% when 'product' %}
{%- assign product = all_products[block.settings.product] -%}
{% if product.title.size > 0 %}
{% include 'product-card-grid', max_height: max_height %}
{% else %}
{% comment %}
No product yet. Show onboarding one.
{% endcomment %}
<div class="grid-view-item">
<a class="grid-view-item__link" href="#">
<div class="grid-view-item__image">
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
<div class="h4 grid-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
<div class="grid-view-item__meta">
{{ 1999 | money }}
</div>
</a>
</div>
{% endif %}
{% when 'collection' %}
{%- assign collection = collections[block.settings.collection] -%}
{% include 'collection-grid-item' %}
{% when 'html' %}
{% if block.settings.code != blank %}
{{ block.settings.code }}
{% endif %}
{% endcase %}
</div>
</div>

{% endfor %}
</div>

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

 

{% schema %}
{
"name": {
"da": "Tilpasset indhold",
"de": "Personalisierter Content",
"en": "Custom content",
"es": "Contenido personalizado",
"fi": "Mukautettu sisältö",
"fr": "Contenu personnalisé",
"hi": "कस्टम सामग्री",
"it": "Contenuto personalizzato",
"ja": "コンテンツをカスタムする",
"ko": "사용자 지정 콘텐츠",
"ms": "Kandungan tersuai",
"nb": "Tilpasset innhold",
"nl": "Aangepaste inhoud",
"pt-BR": "Conteúdo personalizado",
"pt-PT": "Conteúdo personalizado",
"sv": "Anpassat innehåll",
"th": "เนื้อหาแบบกำหนดเอง",
"zh-CN": "自定义内容",
"zh-TW": "自訂內容"
},
"class": "index-section",
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"ms": "Tajuk",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Tilpasset indhold",
"de": "Personalisierter Content",
"en": "Custom content",
"es": "Contenido personalizado",
"fi": "Mukautettu sisältö",
"fr": "Contenu personnalisé",
"hi": "कस्टम सामग्री",
"it": "Contenuto personalizzato",
"ja": "コンテンツをカスタムする",
"ko": "사용자 지정 콘텐츠",
"ms": "Kandungan tersuai",
"nb": "Tilpasset innhold",
"nl": "Aangepaste inhoud",
"pt-BR": "Conteúdo personalizado",
"pt-PT": "Conteúdo personalizado",
"sv": "Anpassat innehåll",
"th": "เนื้อหาแบบกำหนดเอง",
"zh-CN": "自定义内容",
"zh-TW": "自訂內容"
}
}
],
"blocks": [
{
"type": "text",
"name": {
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"hi": "टेक्स्ट",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"ms": "Teks",
"nb": "Tekst",
"nl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"zh-CN": "文本",
"zh-TW": "文字"
},
"settings": [
{
"type": "text",
"id": "title",
"label": {
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"hi": "शीर्षक",
"it": "Heading",
"ja": "見出し",
"ko": "제목",
"ms": "Tajuk",
"nb": "Overskrift",
"nl": "Kop",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"da": "Fortæl om dit brand",
"de": "Erzählen Sie von Ihrer Marke",
"en": "Talk about your brand",
"es": "Habla de tu marca",
"fi": "Kerro brändistäsi",
"fr": "Parlez de votre marque",
"hi": "अपने ब्रांड के बारे में बात करें",
"it": "Parla del tuo brand",
"ja": "あなたのブランドについて語る",
"ko": "브랜드에 대해 이야기하기",
"ms": "Bercakap tentang jenama anda",
"nb": "Snakk om merkevaren din",
"nl": "Vertel over je merk",
"pt-BR": "Fale sobre a sua marca",
"pt-PT": "Fale sobre a sua marca",
"sv": "Prata om ditt varumärke",
"th": "พูดถึงแบรนด์ของคุณ",
"zh-CN": "介绍您的品牌",
"zh-TW": "描述您的品牌"
}
},
{
"type": "richtext",
"id": "text",
"label": {
"da": "Tekst",
"de": "Text",
"en": "Text",
"es": "Texto",
"fi": "Teksti",
"fr": "Texte",
"hi": "टेक्स्ट",
"it": "Testo",
"ja": "テキスト",
"ko": "텍스트",
"ms": "Teks",
"nb": "Tekst",
"nl": "Tekst",
"pt-BR": "Texto",
"pt-PT": "Texto",
"sv": "Text",
"th": "ข้อความ",
"zh-CN": "文本",
"zh-TW": "文字"
},
"default": {
"da": "<p>Brug denne tekst til at dele oplysninger om dit brand med dine kunder. Beskriv et produkt, del meddelelser, eller byd kunder velkommen til din butik.</p>",
"de": "<p>Nutzen Sie diesen Text, um Infos über Ihre Marke mitzuteilen. Beschreiben Sie ein Produkt, kündigen Sie etwas an oder heißen Sie Kunden willkommen.</p>",
"en": "<p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p>",
"es": "<p>Usa este texto para compartir información sobre tu marca con tus clientes. Describe un producto, comparte anuncios o recibe clientes en tu tienda.</p>",
"fi": "<p>Tämän tekstin avulla voit jakaa brändiäsi koskevia tietoja asiakkaille. Kuvaile tuotetta, jaa ilmoituksia tai toivota asiakkaat tervetulleiksi kauppaasi.</p>",
"fr": "<p>Utilisez ce texte pour partager des informations sur votre marque. Décrivez un produit, partagez des annonces, ou souhaitez la bienvenue à vos clients.</p>",
"hi": "<p>अपने ग्राहकों के साथ अपने ब्रांड के बारे में जानकारी शेयर करने के लिए इस टेक्स्ट का उपयोग करें. उत्पाद का वर्णन करें, घोषणाओं को शेयर करें या अपने स्टोर में ग्राहकों का स्वागत करें.</p>",
"it": "<p>Utilizza questo testo per condividere le informazioni sul tuo brand con i tuoi clienti. Descrivi un prodotto, condividi gli annunci o dai il benvenuto ai clienti nel tuo negozio.</p>",
"ja": "<p>このテキストを使用して、あなたのブランドに関する情報をお客様と共有します。商品を説明したり、告知の共有をしたり、あるいはあなたのストアのお客様を歓迎します。</p>",
"ko": "<p>이 텍스트를 사용하여 고객과 브랜드에 대한 정보를 공유하십시오. 제품 설명, 공지 사항 공유 또는 고객의 스토어 방문을 환영합니다.</p>",
"ms": "<p>Gunakan teks ini untuk berkongsi maklumat tentang jenama anda dengan pelanggan anda. Terangkan produk, berkongsi pengumuman atau alu-alukan pelanggan ke kedai anda.</p>",
"nb": "<p>Bruk denne teksten for å dele informasjon om merkevaren med kundene dine. Beskriv et produkt, del kunngjøringer eller ønsk kunder velkommen til butikken din.</p>",
"nl": "<p>Gebruik deze tekst om informatie over je merk te delen met je klanten. Beschrijf een product, deel aankondigingen of verwelkom klanten in je winkel.</p>",
"pt-BR": "<p>Use este texto para compartilhar informações sobre sua marca com seus clientes. Descreva um produto, compartilhe anúncios ou receba os clientes em sua loja.</p>",
"pt-PT": "<p>Utilize este texto para partilhar informações sobre a sua marca com seus clientes. Descreva um produto, partilhe comunicados ou receba clientes na sua loja.</p>",
"sv": "<p>Använd den här texten för att dela information om ditt varumärke med dina kunder. Beskriv en produkt, dela meddelanden eller välkomna kunder till din butik.</p>",
"th": "<p>ใช้ข้อความนี้ในการแชร์ข้อมูลเกี่ยวกับแบรนด์ของคุณกับลูกค้าของคุณ อธิบายคุณสมบัติของสินค้า แชร์ประกาศ หรือต้อนรับลูกค้าสู่ร้านค้าของคุณ</p>",
"zh-CN": "<p>使用此文本与您的客户分享有关您品牌的信息。描述产品、分享公告或欢迎客户访问您的商店。</p>",
"zh-TW": "<p>您可以用這段文字和客戶分享品牌資訊、描述產品、分享公告,或歡迎客戶光臨您的商店。</p>"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
},
{
"type": "select",
"id": "alignment",
"label": {
"da": "Lodret justering",
"de": "Vertikale Ausrichtung",
"en": "Vertical alignment",
"es": "Alineación vertical",
"fi": "Pystysuuntainen tasaus",
"fr": "Alignement vertical",
"hi": "लंबवत पंक्तिबद्धता",
"it": "Allineamento verticale",
"ja": "垂直アラインメント",
"ko": "수직 정렬",
"ms": "Penjajaran menegak",
"nb": "Vertikal justering",
"nl": "Verticaal uitlijnen",
"pt-BR": "Alinhamento vertical",
"pt-PT": "Alinhamento vertical",
"sv": "Vertikal justering",
"th": "การจัดวางแนวตั้ง",
"zh-CN": "垂直对齐",
"zh-TW": "垂直對齊"
},
"default": "center",
"options": [
{
"value": "top-middle",
"label": {
"da": "Top",
"de": "Oben",
"en": "Top",
"es": "Superior",
"fi": "Ylös",
"fr": "Haut",
"hi": "सबसे ऊपर",
"it": "In alto",
"ja": "上",
"ko": "위쪽",
"ms": "Atas",
"nb": "Topp",
"nl": "Boven",
"pt-BR": "Acima",
"pt-PT": "Acima",
"sv": "Högst upp",
"th": "ด้านบน",
"zh-CN": "顶部",
"zh-TW": "頂部"
}
},
{
"value": "center",
"label": {
"da": "I midten",
"de": "Mitte",
"en": "Middle",
"es": "Al medio",
"fi": "Keskelle",
"fr": "Milieu",
"hi": "मध्य में",
"it": "Al centro",
"ja": "中央",
"ko": "중간",
"ms": "Tengah",
"nb": "Midten",
"nl": "Midden",
"pt-BR": "Meio",
"pt-PT": "Meio",
"sv": "Mitten",
"th": "ตรงกลาง",
"zh-CN": "中间",
"zh-TW": "中央"
}
},
{
"value": "bottom-middle",
"label": {
"da": "Bund",
"de": "Unten",
"en": "Bottom",
"es": "Inferior",
"fi": "Alas",
"fr": "Bas",
"hi": "नीचे का",
"it": "In basso",
"ja": "下",
"ko": "아래쪽",
"ms": "Bawah",
"nb": "Bunn",
"nl": "Onder",
"pt-BR": "Abaixo",
"pt-PT": "Abaixo",
"sv": "Längst ner",
"th": "ด้านล่าง",
"zh-CN": "底部",
"zh-TW": "底部"
}
}
]
},
{
"type": "select",
"id": "align_text",
"label": {
"da": "Vandret justering",
"de": "Horizontale Ausrichtung",
"en": "Horizontal alignment",
"es": "Alineación horizontal",
"fi": "Vaakasuora tasaus",
"fr": "Alignement horizontal",
"hi": "क्षैतिज संरेखण",
"it": "Allineamento orizzontale",
"ja": "水平アラインメント",
"ko": "가로 정렬",
"ms": "Penjajaran mendatar",
"nb": "Horisontal justering",
"nl": "Horizontaal uitlijnen",
"pt-BR": "Alinhamento horizontal",
"pt-PT": "Alinhamento horizontal",
"sv": "Horisontell justering",
"th": "การจัดวางแนวนอน",
"zh-CN": "水平对齐",
"zh-TW": "水平對齊"
},
"default": "left",
"options": [
{
"value": "left",
"label": {
"da": "Venstre",
"de": "Links",
"en": "Left",
"es": "Izquierda",
"fi": "Vasen",
"fr": "Gauche",
"hi": "बाएँ",
"it": "Sinistra",
"ja": "左",
"ko": "왼쪽",
"ms": "Kiri",
"nb": "Venstre",
"nl": "Links",
"pt-BR": "Esquerda",
"pt-PT": "Esquerda",
"sv": "Vänster",
"th": "ด้านซ้าย",
"zh-CN": "左侧",
"zh-TW": "左方"
}
},
{
"value": "center",
"label": {
"da": "Centreret",
"de": "Mittig",
"en": "Centered",
"es": "Centrada",
"fi": "Keskitetty",
"fr": "Centré",
"hi": "केंद्र",
"it": "Centrato",
"ja": "中央揃え",
"ko": "센터 맞추기",
"ms": "Ditengah",
"nb": "Sentrert",
"nl": "Gecentreerd",
"pt-BR": "Centralizado",
"pt-PT": "Centrado",
"sv": "Centrera",
"th": "ตรงกลาง",
"zh-CN": "居中",
"zh-TW": "置中"
}
},
{
"value": "right",
"label": {
"da": "Højre",
"de": "Rechts",
"en": "Right",
"es": "Derecha",
"fi": "Oikea",
"fr": "Droite",
"hi": "दाएँ",
"it": "Destra",
"ja": "右",
"ko": "오른쪽",
"ms": "Kanan",
"nb": "Høyre",
"nl": "Rechts",
"pt-BR": "Direita",
"pt-PT": "Direita",
"sv": "Höger",
"th": "ด้านขวา",
"zh-CN": "右侧",
"zh-TW": "右方"
}
}
]
}
]
},
{
"type": "image",
"name": {
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"hi": "इमेज",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"ms": "Imej",
"nb": "Bilde",
"nl": "Afbeelding",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"zh-CN": "图片",
"zh-TW": "圖片"
},
"settings": [
{
"type": "image_picker",
"id": "image",
"label": {
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"hi": "इमेज",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"ms": "Imej",
"nb": "Bilde",
"nl": "Afbeelding",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
},
{
"type": "select",
"id": "alignment",
"label": {
"da": "Lodret justering",
"de": "Vertikale Ausrichtung",
"en": "Vertical alignment",
"es": "Alineación vertical",
"fi": "Pystysuuntainen tasaus",
"fr": "Alignement vertical",
"hi": "लंबवत पंक्तिबद्धता",
"it": "Allineamento verticale",
"ja": "垂直アラインメント",
"ko": "수직 정렬",
"ms": "Penjajaran menegak",
"nb": "Vertikal justering",
"nl": "Verticaal uitlijnen",
"pt-BR": "Alinhamento vertical",
"pt-PT": "Alinhamento vertical",
"sv": "Vertikal justering",
"th": "การจัดวางแนวตั้ง",
"zh-CN": "垂直对齐",
"zh-TW": "垂直對齊"
},
"default": "center",
"options": [
{
"value": "top-left",
"label": {
"da": "Øverst til venstre",
"de": "Oben links",
"en": "Top left",
"es": "Superior izquierda",
"fi": "Ylhäällä vasemmalla",
"fr": "En haut à gauche",
"hi": "शीर्ष पर बाईं ओर",
"it": "In alto a sinistra",
"ja": "左上",
"ko": "왼쪽 상단",
"ms": "Kiri atas",
"nb": "Øverst til venstre",
"nl": "Linksboven",
"pt-BR": "Superior esquerdo",
"pt-PT": "Canto superior esquerdo",
"sv": "Överst till vänster",
"th": "ซ้ายบน",
"zh-CN": "左上方",
"zh-TW": "左上角"
}
},
{
"value": "top-middle",
"label": {
"da": "Øverst i midten",
"de": "Oben mittig",
"en": "Top middle",
"es": "Superior al medio",
"fi": "Ylhäällä keskelle",
"fr": "En haut au centre",
"hi": "शीर्ष मध्य",
"it": "Al centro in alto",
"ja": "中央上",
"ko": "상단 중간",
"ms": "Tengah atas",
"nb": "Øverst i midten",
"nl": "Midden boven",
"pt-BR": "Centro da parte superior",
"pt-PT": "Parte superior central",
"sv": "Överst i mitten",
"th": "ตรงกลางด้านบน",
"zh-CN": "顶部中间",
"zh-TW": "中央上方"
}
},
{
"value": "top-right",
"label": {
"da": "Øverst til højre",
"de": "Oben rechts",
"en": "Top right",
"es": "Superior derecha",
"fi": "Ylhäällä oikealla",
"fr": "En haut à droite",
"hi": "शीर्ष पर दाईं ओर",
"it": "In alto a destra",
"ja": "右上",
"ko": "오른쪽 상단",
"ms": "Kanan atas",
"nb": "Øverst til høyre",
"nl": "Rechtsboven",
"pt-BR": "Superior direito",
"pt-PT": "Canto superior direito",
"sv": "Överst till höger",
"th": "ขวาบน",
"zh-CN": "右上方",
"zh-TW": "右上角"
}
},
{
"value": "middle-left",
"label": {
"da": "Midt på til venstre",
"de": "Mitte links",
"en": "Middle left",
"es": "Al medio a la izquierda",
"fi": "Keskellä vasemmalla",
"fr": "Au milieu à gauche",
"hi": "मध्य में बाईं ओर",
"it": "Nel mezzo a sinistra",
"ja": "中央左",
"ko": "왼쪽 중간",
"ms": "Kiri tengah",
"nb": "Midt til venstre",
"nl": "Midden links",
"pt-BR": "Meio esquerdo",
"pt-PT": "Intermédio à esquerda",
"sv": "Mitten till vänster",
"th": "ซ้ายกลาง",
"zh-CN": "中间居左",
"zh-TW": "中央左方"
}
},
{
"value": "center",
"label": {
"da": "I midten",
"de": "Mitte",
"en": "Middle",
"es": "Al medio",
"fi": "Keskelle",
"fr": "Milieu",
"hi": "मध्य में",
"it": "Al centro",
"ja": "中央",
"ko": "중간",
"ms": "Tengah",
"nb": "Midten",
"nl": "Midden",
"pt-BR": "Meio",
"pt-PT": "Meio",
"sv": "Mitten",
"th": "ตรงกลาง",
"zh-CN": "中间",
"zh-TW": "中央"
}
},
{
"value": "middle-right",
"label": {
"da": "Midt på til højre",
"de": "Mitte rechts",
"en": "Middle right",
"es": "Al medio a la derecha",
"fi": "Keskellä oikealla",
"fr": "Au milieu à droite",
"hi": "मध्य में दाईं ओर",
"it": "In centro a destra",
"ja": "中央右",
"ko": "오른쪽 중간",
"ms": "Kanan tengah",
"nb": "Midt til høyre",
"nl": "Midden rechts",
"pt-BR": "Meio direito",
"pt-PT": "Intermédio à direita",
"sv": "Mitten till höger",
"th": "ขวากลาง",
"zh-CN": "中间居右",
"zh-TW": "中央右方"
}
},
{
"value": "bottom-left",
"label": {
"da": "Nederst til venstre",
"de": "Unten links",
"en": "Bottom left",
"es": "Inferior izquierda",
"fi": "Alhaalla vasemmalla",
"fr": "En bas à gauche",
"hi": "सबसे नीचे बाईं ओर",
"it": "In basso a sinistra",
"ja": "左下",
"ko": "왼쪽 하단",
"ms": "Kiri bawah",
"nb": "Nederst til venstre",
"nl": "Linksonder",
"pt-BR": "Inferior esquerdo",
"pt-PT": "Canto inferior esquerdo",
"sv": "Nere till vänster",
"th": "ซ้ายล่าง",
"zh-CN": "左下方",
"zh-TW": "左下角"
}
},
{
"value": "bottom-middle",
"label": {
"da": "Nederst i midten",
"de": "Unten mittig",
"en": "Bottom middle",
"es": "Inferior al medio",
"fi": "Alhaalla keskelle",
"fr": "En bas au centre",
"hi": "नीचे मध्य",
"it": "Al centro in basso",
"ja": "中央下",
"ko": "중간 하단",
"ms": "Bawah tengah",
"nb": "Nederst i midten",
"nl": "Midden onder",
"pt-BR": "Centro da parte inferior",
"pt-PT": "Parte inferior central",
"sv": "Botten mitten",
"th": "ตรงกลางด้านล่าง",
"zh-CN": "底部中间",
"zh-TW": "中央下方"
}
},
{
"value": "bottom-right",
"label": {
"da": "Nederst til højre",
"de": "Unten rechts",
"en": "Bottom right",
"es": "Inferior derecha",
"fi": "Alhaalla oikealla",
"fr": "En bas à droite",
"hi": "सबसे नीचे दाईं ओर",
"it": "In basso a destra",
"ja": "右下",
"ko": "오른쪽 아래",
"ms": "Kanan bawah",
"nb": "Nederst til høyre",
"nl": "Rechtsonder",
"pt-BR": "Inferior direito",
"pt-PT": "Canto inferior direito",
"sv": "Nere till höger",
"th": "ขวาล่าง",
"zh-CN": "右下方",
"zh-TW": "右下角"
}
}
]
}
]
},
{
"type": "video",
"name": {
"da": "Video",
"de": "Video",
"en": "Video",
"es": "Video",
"fi": "Video",
"fr": "Vidéo",
"hi": "वीडियो",
"it": "Video",
"ja": "ビデオ",
"ko": "동영상",
"ms": "Video",
"nb": "Video",
"nl": "Video",
"pt-BR": "Vídeo",
"pt-PT": "Vídeo",
"sv": "Video",
"th": "วิดีโอ",
"zh-CN": "视频",
"zh-TW": "影片"
},
"settings": [
{
"type": "video_url",
"id": "video_url",
"label": {
"da": "Link til YouTube eller Vimeo",
"de": "YouTube oder Vimeo Link",
"en": "YouTube or Vimeo link",
"es": "Enlace de YouTube o Vimeo",
"fi": "YouTube- tai Vimeo-linkki",
"fr": "Lien YouTube ou Vimeo",
"hi": "YouTube या Vimeo लिंक",
"it": "Link YouTube o Vimeo",
"ja": "YouTubeまたはVimeoのリンク",
"ko": "유투브 또는 비메오 링크",
"ms": "Pautan YouTube atau Vimeo",
"nb": "YouTube- eller Vimeo-kobling",
"nl": "YouTube- of Vimeo-link",
"pt-BR": "Link do YouTube ou do Vimeo",
"pt-PT": "Ligação do YouTube ou Vimeo",
"sv": "YouTube eller Vimeo-länk",
"th": "ลิงก์ YouTube หรือ Vimeo",
"zh-CN": "YouTube 或 Vimeo 链接",
"zh-TW": "YouTube 或 Vimeo 連結"
},
"accept": [
"youtube",
"vimeo"
]
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "100%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
},
{
"type": "select",
"id": "alignment",
"label": {
"da": "Lodret justering",
"de": "Vertikale Ausrichtung",
"en": "Vertical alignment",
"es": "Alineación vertical",
"fi": "Pystysuuntainen tasaus",
"fr": "Alignement vertical",
"hi": "लंबवत पंक्तिबद्धता",
"it": "Allineamento verticale",
"ja": "垂直アラインメント",
"ko": "수직 정렬",
"ms": "Penjajaran menegak",
"nb": "Vertikal justering",
"nl": "Verticaal uitlijnen",
"pt-BR": "Alinhamento vertical",
"pt-PT": "Alinhamento vertical",
"sv": "Vertikal justering",
"th": "การจัดวางแนวตั้ง",
"zh-CN": "垂直对齐",
"zh-TW": "垂直對齊"
},
"default": "top-middle",
"options": [
{
"value": "top-middle",
"label": {
"da": "Top",
"de": "Oben",
"en": "Top",
"es": "Superior",
"fi": "Ylös",
"fr": "Haut",
"hi": "सबसे ऊपर",
"it": "In alto",
"ja": "上",
"ko": "위쪽",
"ms": "Atas",
"nb": "Topp",
"nl": "Boven",
"pt-BR": "Acima",
"pt-PT": "Acima",
"sv": "Högst upp",
"th": "ด้านบน",
"zh-CN": "顶部",
"zh-TW": "頂部"
}
},
{
"value": "center",
"label": {
"da": "I midten",
"de": "Mitte",
"en": "Middle",
"es": "Al medio",
"fi": "Keskelle",
"fr": "Milieu",
"hi": "मध्य में",
"it": "Centro",
"ja": "中央",
"ko": "중간",
"ms": "Tengah",
"nb": "Midten",
"nl": "Midden",
"pt-BR": "Meio",
"pt-PT": "Meio",
"sv": "Mitten",
"th": "ตรงกลาง",
"zh-CN": "中间",
"zh-TW": "中央"
}
},
{
"value": "bottom-middle",
"label": {
"da": "Bund",
"de": "Unten",
"en": "Bottom",
"es": "Inferior",
"fi": "Alas",
"fr": "Bas",
"hi": "नीचे का",
"it": "In basso",
"ja": "下",
"ko": "아래쪽",
"ms": "Bawah",
"nb": "Bunn",
"nl": "Onder",
"pt-BR": "Abaixo",
"pt-PT": "Abaixo",
"sv": "Längst ner",
"th": "ด้านล่าง",
"zh-CN": "底部",
"zh-TW": "底部"
}
}
]
}
]
},
{
"type": "product",
"name": {
"da": "Produkt",
"de": "Produkt",
"en": "Product",
"es": "Producto",
"fi": "Tuote",
"fr": "Produit",
"hi": "उत्पाद",
"it": "Prodotto",
"ja": "商品",
"ko": "제품",
"ms": "Produk",
"nb": "Produkt",
"nl": "Product",
"pt-BR": "Produto",
"pt-PT": "Produto",
"sv": "Produkt",
"th": "สินค้า",
"zh-CN": "产品",
"zh-TW": "產品"
},
"settings": [
{
"type": "product",
"id": "product",
"label": {
"da": "Produkt",
"de": "Produkt",
"en": "Product",
"es": "Producto",
"fi": "Tuote",
"fr": "Produit",
"hi": "उत्पाद",
"it": "Prodotto",
"ja": "商品",
"ko": "제품",
"ms": "Produk",
"nb": "Produkt",
"nl": "Product",
"pt-BR": "Produto",
"pt-PT": "Produto",
"sv": "Produkt",
"th": "สินค้า",
"zh-CN": "产品",
"zh-TW": "產品"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
},
{
"type": "select",
"id": "alignment",
"label": {
"da": "Lodret justering",
"de": "Vertikale Ausrichtung",
"en": "Vertical alignment",
"es": "Alineación vertical",
"fi": "Pystysuuntainen tasaus",
"fr": "Alignement vertical",
"hi": "लंबवत पंक्तिबद्धता",
"it": "Allineamento verticale",
"ja": "垂直アラインメント",
"ko": "수직 정렬",
"ms": "Penjajaran menegak",
"nb": "Vertikal justering",
"nl": "Verticaal uitlijnen",
"pt-BR": "Alinhamento vertical",
"pt-PT": "Alinhamento vertical",
"sv": "Vertikal justering",
"th": "การจัดวางแนวตั้ง",
"zh-CN": "垂直对齐",
"zh-TW": "垂直對齊"
},
"default": "center",
"options": [
{
"value": "top-left",
"label": {
"da": "Øverst til venstre",
"de": "Oben links",
"en": "Top left",
"es": "Superior izquierda",
"fi": "Ylhäällä vasemmalla",
"fr": "En haut à gauche",
"hi": "शीर्ष पर बाईं ओर",
"it": "In alto a sinistra",
"ja": "左上",
"ko": "왼쪽 상단",
"ms": "Kiri atas",
"nb": "Øverst til venstre",
"nl": "Linksboven",
"pt-BR": "Superior esquerdo",
"pt-PT": "Canto superior esquerdo",
"sv": "Överst till vänster",
"th": "ซ้ายบน",
"zh-CN": "左上方",
"zh-TW": "左上角"
}
},
{
"value": "top-middle",
"label": {
"da": "Øverst i midten",
"de": "Oben mittig",
"en": "Top middle",
"es": "Superior al medio",
"fi": "Ylhäällä keskelle",
"fr": "En haut au centre",
"hi": "शीर्ष मध्य",
"it": "Al centro in alto",
"ja": "中央上",
"ko": "상단 중간",
"ms": "Tengah atas",
"nb": "Øverst i midten",
"nl": "Midden boven",
"pt-BR": "Centro da parte superior",
"pt-PT": "Parte superior central",
"sv": "Överst i mitten",
"th": "ตรงกลางด้านบน",
"zh-CN": "顶部中间",
"zh-TW": "中央上方"
}
},
{
"value": "top-right",
"label": {
"da": "Øverst til højre",
"de": "Oben rechts",
"en": "Top right",
"es": "Superior derecha",
"fi": "Ylhäällä oikealla",
"fr": "En haut à droite",
"hi": "शीर्ष पर दाईं ओर",
"it": "In alto a destra",
"ja": "右上",
"ko": "오른쪽 상단",
"ms": "Kanan atas",
"nb": "Øverst til høyre",
"nl": "Rechtsboven",
"pt-BR": "Superior direito",
"pt-PT": "Canto superior direito",
"sv": "Överst till höger",
"th": "ขวาบน",
"zh-CN": "右上方",
"zh-TW": "右上角"
}
},
{
"value": "middle-left",
"label": {
"da": "Midt på til venstre",
"de": "Mitte links",
"en": "Middle left",
"es": "Al medio a la izquierda",
"fi": "Keskellä vasemmalla",
"fr": "Au milieu à gauche",
"hi": "मध्य में बाईं ओर",
"it": "In centro a sinistra",
"ja": "中央左",
"ko": "왼쪽 중간",
"ms": "Kiri tengah",
"nb": "Midt til venstre",
"nl": "Midden links",
"pt-BR": "Meio esquerdo",
"pt-PT": "Intermédio à esquerda",
"sv": "Mitten till vänster",
"th": "ซ้ายกลาง",
"zh-CN": "中间居左",
"zh-TW": "中央左方"
}
},
{
"value": "center",
"label": {
"da": "I midten",
"de": "Mitte",
"en": "Middle",
"es": "Al medio",
"fi": "Keskelle",
"fr": "Milieu",
"hi": "मध्य में",
"it": "Centro",
"ja": "中央",
"ko": "중간",
"ms": "Tengah",
"nb": "Midten",
"nl": "Midden",
"pt-BR": "Meio",
"pt-PT": "Meio",
"sv": "Mitten",
"th": "ตรงกลาง",
"zh-CN": "中间",
"zh-TW": "中央"
}
},
{
"value": "middle-right",
"label": {
"da": "Midt på til højre",
"de": "Mitte rechts",
"en": "Middle right",
"es": "Al medio a la derecha",
"fi": "Keskellä oikealla",
"fr": "Au milieu à droite",
"hi": "मध्य में दाईं ओर",
"it": "Nel mezzo a destra",
"ja": "中央右",
"ko": "오른쪽 중간",
"ms": "Kanan tengah",
"nb": "Midt til høyre",
"nl": "Midden rechts",
"pt-BR": "Meio direito",
"pt-PT": "Intermédio à direita",
"sv": "Mitten till höger",
"th": "ขวากลาง",
"zh-CN": "中间居右",
"zh-TW": "中央右方"
}
},
{
"value": "bottom-left",
"label": {
"da": "Nederst til venstre",
"de": "Unten links",
"en": "Bottom left",
"es": "Inferior izquierda",
"fi": "Alhaalla vasemmalla",
"fr": "En bas à gauche",
"hi": "सबसे नीचे बाईं ओर",
"it": "In basso a sinistra",
"ja": "左下",
"ko": "왼쪽 하단",
"ms": "Kiri bawah",
"nb": "Nederst til venstre",
"nl": "Linksonder",
"pt-BR": "Inferior esquerdo",
"pt-PT": "Canto inferior esquerdo",
"sv": "Nere till vänster",
"th": "ซ้ายล่าง",
"zh-CN": "左下方",
"zh-TW": "左下角"
}
},
{
"value": "bottom-middle",
"label": {
"da": "Nederst i midten",
"de": "Unten mittig",
"en": "Bottom middle",
"es": "Inferior al medio",
"fi": "Alhaalla keskelle",
"fr": "En bas au centre",
"hi": "नीचे मध्य",
"it": "Al centro in basso",
"ja": "中央下",
"ko": "중간 하단",
"ms": "Bawah tengah",
"nb": "Nederst i midten",
"nl": "Midden onder",
"pt-BR": "Centro da parte inferior",
"pt-PT": "Parte inferior central",
"sv": "Botten mitten",
"th": "ตรงกลางด้านล่าง",
"zh-CN": "底部中间",
"zh-TW": "中央下方"
}
},
{
"value": "bottom-right",
"label": {
"da": "Nederst til højre",
"de": "Unten rechts",
"en": "Bottom right",
"es": "Inferior derecha",
"fi": "Alhaalla oikealla",
"fr": "En bas à droite",
"hi": "सबसे नीचे दाईं ओर",
"it": "In basso a destra",
"ja": "右下",
"ko": "오른쪽 아래",
"ms": "Kanan bawah",
"nb": "Nederst til høyre",
"nl": "Rechtsonder",
"pt-BR": "Inferior direito",
"pt-PT": "Canto inferior direito",
"sv": "Nere till höger",
"th": "ขวาล่าง",
"zh-CN": "右下方",
"zh-TW": "右下角"
}
}
]
}
]
},
{
"type": "collection",
"name": {
"da": "Samling",
"de": "Kategorie",
"en": "Collection",
"es": "Colección",
"fi": "Kokoelma",
"fr": "Collection",
"hi": "कलेक्शन",
"it": "Collezione",
"ja": "コレクション",
"ko": "컬렉션",
"ms": "Koleksi",
"nb": "Samling",
"nl": "Collectie",
"pt-BR": "Coleção",
"pt-PT": "Coleção",
"sv": "Produktserie",
"th": "คอลเลกชัน",
"zh-CN": "收藏",
"zh-TW": "商品系列"
},
"settings": [
{
"type": "collection",
"id": "collection",
"label": {
"da": "Samling",
"de": "Kategorie",
"en": "Collection",
"es": "Colección",
"fi": "Kokoelma",
"fr": "Collection",
"hi": "कलेक्शन",
"it": "Collezione",
"ja": "コレクション",
"ko": "컬렉션",
"ms": "Koleksi",
"nb": "Samling",
"nl": "Collectie",
"pt-BR": "Coleção",
"pt-PT": "Coleção",
"sv": "Produktserie",
"th": "คอลเลกชัน",
"zh-CN": "收藏",
"zh-TW": "商品系列"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
},
{
"type": "html",
"name": {
"da": "Brugerdefineret HTML",
"de": "Personalisierte HTML",
"en": "Custom HTML",
"es": "HTML personalizado",
"fi": "Mukautettu HTML",
"fr": "HTML personnalisé",
"hi": "कस्टम HTML",
"it": "HTML personalizzato",
"ja": "HTMLをカスタムする",
"ko": "사용자 지정 HTML",
"ms": "HTML Tersuai",
"nb": "Tilpasset HTML",
"nl": "Aangepaste HTML",
"pt-BR": "HTML personalizado",
"pt-PT": "HTML personalizado",
"sv": "Anpassa HTML",
"th": "HTML แบบกำหนดเอง",
"zh-CN": "自定义 HTML",
"zh-TW": "自訂 HTML"
},
"settings": [
{
"type": "html",
"id": "code",
"label": {
"da": "HTML",
"de": "HTML",
"en": "HTML",
"es": "HTML",
"fi": "HTML",
"fr": "HTML",
"hi": "HTML",
"it": "HTML",
"ja": "HTML",
"ko": "HTML",
"ms": "HTML",
"nb": "HTML",
"nl": "HTML",
"pt-BR": "HTML",
"pt-PT": "HTML",
"sv": "HTML",
"th": "HTML",
"zh-CN": "HTML",
"zh-TW": "HTML"
}
},
{
"type": "select",
"id": "width",
"label": {
"da": "Containerbredde",
"de": "Breite des Elements",
"en": "Container width",
"es": "Ancho del contenedor",
"fi": "Säiliön leveys",
"fr": "Largeur du conteneur",
"hi": "कंटेनर की चौड़ाई",
"it": "Larghezza contenitore",
"ja": "コンテナーの幅",
"ko": "컨테이너 폭",
"ms": "Lebar bekas",
"nb": "Beholderbredde",
"nl": "Containerbreedte",
"pt-BR": "Largura do recipiente",
"pt-PT": "Largura do recipiente",
"sv": "Container-bredd",
"th": "ความกว้างของความจุ",
"zh-CN": "容器宽度",
"zh-TW": "容器寬度"
},
"default": "50%",
"options": [
{
"value": "25%",
"label": {
"da": "25 %",
"de": "25%",
"en": "25%",
"es": "25%",
"fi": "25 %",
"fr": "25 %",
"hi": "25%",
"it": "25%",
"ja": "25%",
"ko": "25%",
"ms": "25%",
"nb": "25 %",
"nl": "25%",
"pt-BR": "25%",
"pt-PT": "25%",
"sv": "25 %",
"th": "25%",
"zh-CN": "25%",
"zh-TW": "25%"
}
},
{
"value": "33%",
"label": {
"da": "33 %",
"de": "33%",
"en": "33%",
"es": "33%",
"fi": "33 %",
"fr": "33 %",
"hi": "33%",
"it": "33%",
"ja": "33%",
"ko": "33%",
"ms": "33%",
"nb": "33 %",
"nl": "33%",
"pt-BR": "33%",
"pt-PT": "33%",
"sv": "33 %",
"th": "33%",
"zh-CN": "33%",
"zh-TW": "33%"
}
},
{
"value": "50%",
"label": {
"da": "50 %",
"de": "50%",
"en": "50%",
"es": "50%",
"fi": "50 %",
"fr": "50 %",
"hi": "50%",
"it": "50%",
"ja": "50%",
"ko": "50%",
"ms": "50%",
"nb": "50 %",
"nl": "50%",
"pt-BR": "50%",
"pt-PT": "50%",
"sv": "50 %",
"th": "50%",
"zh-CN": "50%",
"zh-TW": "50%"
}
},
{
"value": "66%",
"label": {
"da": "66 %",
"de": "66%",
"en": "66%",
"es": "66%",
"fi": "66 %",
"fr": "66 %",
"hi": "66%",
"it": "66%",
"ja": "66%",
"ko": "66%",
"ms": "66%",
"nb": "66 %",
"nl": "66%",
"pt-BR": "66%",
"pt-PT": "66%",
"sv": "66 %",
"th": "66%",
"zh-CN": "66%",
"zh-TW": "66%"
}
},
{
"value": "75%",
"label": {
"da": "75 %",
"de": "75%",
"en": "75%",
"es": "75%",
"fi": "75 %",
"fr": "75 %",
"hi": "75%",
"it": "75%",
"ja": "75%",
"ko": "75%",
"ms": "75%",
"nb": "75 %",
"nl": "75%",
"pt-BR": "75%",
"pt-PT": "75%",
"sv": "75 %",
"th": "75%",
"zh-CN": "75%",
"zh-TW": "75%"
}
},
{
"value": "100%",
"label": {
"da": "100 %",
"de": "100%",
"en": "100%",
"es": "100%",
"fi": "100 %",
"fr": "100 %",
"hi": "100%",
"it": "100%",
"ja": "100%",
"ko": "100%",
"ms": "100%",
"nb": "100 %",
"nl": "100%",
"pt-BR": "100%",
"pt-PT": "100%",
"sv": "100 %",
"th": "100%",
"zh-CN": "100%",
"zh-TW": "100%"
}
}
]
}
]
}
],
"presets": [
{
"name": {
"da": "Tilpasset indhold",
"de": "Personalisierter Content",
"en": "Custom content",
"es": "Contenido personalizado",
"fi": "Mukautettu sisältö",
"fr": "Contenu personnalisé",
"hi": "कस्टम सामग्री",
"it": "Contenuto personalizzato",
"ja": "コンテンツをカスタムする",
"ko": "사용자 지정 콘텐츠",
"ms": "Kandungan tersuai",
"nb": "Tilpasset innhold",
"nl": "Aangepaste inhoud",
"pt-BR": "Conteúdo personalizado",
"pt-PT": "Conteúdo personalizado",
"sv": "Anpassat innehåll",
"th": "เนื้อหาแบบกำหนดเอง",
"zh-CN": "自定义内容",
"zh-TW": "自訂內容"
},
"category": {
"da": "Avanceret layout",
"de": "Komplizierteres Layout",
"en": "Advanced layout",
"es": "Diseño avanzado",
"fi": "Monimutkaisempi layout",
"fr": "Mise en page avancée",
"hi": "उन्नत लेआउट",
"it": "Layout avanzato",
"ja": "高度なレイアウト",
"ko": "고급 레이아웃",
"ms": "Tata letak lanjutan",
"nb": "Avansert oppsett",
"nl": "Geavanceerde indeling",
"pt-BR": "Layout avançado",
"pt-PT": "Esquema avançado",
"sv": "Avancerad layout",
"th": "เลย์เอาท์ขั้นสูง",
"zh-CN": "高级布局",
"zh-TW": "進階版面配置"
},
"blocks": [
{
"type": "text"
},
{
"type": "image"
}
]
}
]
}
{% endschema %}

 

 

 

Image-style.liquid 

{%- assign container_aspect_ratio = width | times: 1.0 | divided_by: height -%}
<style>
{% if image.aspect_ratio < 1.0 %}
{% assign maximum_width = height | times: image.aspect_ratio %}
{% if image.height <= height %}
{% assign maximum_height = image.height %}
{% assign maximum_width = image.width %}
{% else %}
{% assign maximum_height = height %}
{% endif %}
{% elsif image.aspect_ratio < container_aspect_ratio %}
{% assign maximum_height = height | divided_by: image.aspect_ratio %}
{% if image.height <= height %}
{% assign maximum_height = image.height %}
{% assign maximum_width = image.width %}
{% else %}
{% assign maximum_height = height %}
{% assign maximum_width = height | times: image.aspect_ratio %}
{% endif %}
{% else %}
{% assign maximum_height = height | divided_by: image.aspect_ratio %}
{% if image.width <= width %}
{% assign maximum_height = image.height %}
{% assign maximum_width = image.width %}
{% else %}
{% assign maximum_width = width %}
{% assign maximum_height = maximum_width | divided_by: image.aspect_ratio %}
{% endif %}
{% endif %}

{% if small_style %}@media screen and (min-width: 750px) { {% endif %}
#{{ img_id }} {
max-width: {{ maximum_width }}px;
max-height: {{ maximum_height }}px;
}
#{{ wrapper_id }} {
max-width: {{ maximum_width }}px;
max-height: {{ maximum_height }}px;
}
{% if small_style %} } {% endif %}

{% if small_style %}
{% if image.aspect_ratio < 1 %}
{% assign maximum_width = 750 | times: image.aspect_ratio %}
{% else %}
{% if image.width < 750 %}
{% assign maximum_width = image.width %}
{% else %}
{% assign maximum_width = 750 %}
{% endif %}
{% endif %}
@media screen and (max-width: 749px) {
#{{ img_id }} {
max-width: {{ maximum_width }}px;
max-height: 750px;
}
#{{ wrapper_id }} {
max-width: {{ maximum_width }}px;
}
}
{% endif %}
</style>

 

 

KetanKumar
Shopify Partner
18646 1966 6907

@tcdunn35 

thanks for code
i have save bt something is missing error if possible to add me staff so i will quick fix

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tcdunn35
Excursionist
11 0 4

I have sent you an invite to the email in your description to become a staff and gave you access to themes, apps, and settings. My website is Billiards & Boards. Thanks 

0 Likes
KetanKumar
Shopify Partner
18646 1966 6907

@tcdunn35 

grate thank 

can you please just drop store url 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
tcdunn35
Excursionist
11 0 4

billiardsandboards.com

 

0 Likes
tcdunn35
Excursionist
11 0 4

Hi,

Just wondering if you were able to update this for me? when I go to the custom content and add an image it still doesn't let me link it to anything it just lets me adjust the ratio % and alignment. 

0 Likes
tcdunn35
Excursionist
11 0 4

@KetanKumar sorry think I forgot to tag you in my recent reply. 

0 Likes
KetanKumar
Shopify Partner
18646 1966 6907

@tcdunn35 

where is your 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing