Added Mobile Image picker and block and the original image (desktop, full view) stopped scaling

Mark_28 · ‎04-06-2022

Hi, I updated the slideshow with a mobile image option, which now works fine. All I did to duplicate some of the code and added the image_mobile option. Strangely now the original image in desktop and full view not looking as it should. Yet the mobile section works fine. Any thoughts?

{%- if section.settings.slideshow_height == 'adapt' -%}

{% comment %}

'min_aspect_ratio' is the minimum aspect ratio of images shown without

whitespace when '=slideshow_height' is set to 'adapt'.

The aspect ratio values for the first image in the slideshow will be used

unless it is blank, in that case a ratio of 2:1 will be used.

{% endcomment %}

{%- assign first_block = section.blocks[0] -%}

{%- if first_block.settings.image.aspect_ratio == blank -%}

{%- assign min_aspect_ratio = 2.0 -%}

{%- else -%}

{%- assign min_aspect_ratio = first_block.settings.image.aspect_ratio -%}

{%- endif -%}

{% assign wrapper_height = 100 | divided_by: min_aspect_ratio %}

{%- endif -%}

{%- assign text_alignments = section.settings.text_alignment | split: ' ' -%}

{%- assign text_horizontal_alignment = text_alignments.first -%}

{%- assign text_vertical_alignment = text_alignments.last | strip -%}

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

<div class="slideshow slideshow--{{ section.settings.slideshow_height }}{% if display_controls %} slideshow--display-controls{% endif %}"

id="Slideshow-{{ section.id }}"

data-autorotate="{{ section.settings.autorotate }}"

data-speed="{{ section.settings.autorotate_speed | times: 1000 }}"

data-adapt-height="{% if section.settings.slideshow_height == 'adapt' %}true{% else %}false{% endif %}"

data-slide-nav-a11y="{{ 'sections.slideshow.load_slide' | t: slide_number: '[slide_number]' }}"

{% if section.settings.slideshow_height == 'adapt' %}data-min-aspect-ratio="{{ min_aspect_ratio }}"

style="height: {{- wrapper_height -}}vw"{% endif %}>

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

{%- assign block_image = block.settings.image -%}

{%- assign block_image_mobile = block.settings.image_mobile -%}

{% if block_image == blank %}

{% capture current %}{% cycle 1, 2 %}{% endcapture %}

{{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}

</div>

{% if section.settings.show_overlay %}<div class="slideshow__overlay"></div>{% endif %}

</div>

{% else %}

{% if block.settings.image_link != blank %}

{% endif %}

<div

{% unless block_image.alt == blank %}

{% comment %} Make slideshow click-able {% endcomment %}

role="img"

aria-label="{{ block_image.alt | escape }}"

data-alt="{{ block_image.alt | escape }}"

{% endunless %}

class="slideshow__image box ratio-container lazyload{% unless forloop.first %} lazypreload{% endunless %} js"

data-bg="{{ block_image | img_url: '300x300' }}"

data-bgset="{% include 'bgset', image: block_image %}"

data-sizes="auto"

data-parent-fit="contain"

style="background-position: {{ block.settings.alignment }};

background-image: url('{{ block_image | img_url: '300x300' }}');">

{% if section.settings.show_overlay %}<div class="slideshow__overlay"></div>{% endif %}

</div>

<div

{% unless block_image_mobile.alt == blank %}

{% comment %} Make slideshow click-able {% endcomment %}

role="img"

aria-label="{{ block_image_mobile.alt | escape }}"

data-alt="{{ block_image_mobile.alt | escape }}"

{% endunless %}

class="slideshow__image box ratio-container lazyload{% unless forloop.first %} lazypreload{% endunless %} js mobile"

data-bg="{{ block_image_mobile | img_url: '300x300' }}"

data-bgset="{% include 'bgset', image: block_image_mobile %}"

data-sizes="auto"

data-parent-fit="contain"

style="background-position: {{ block.settings.alignment }};

background-image: url('{{ block_image | img_url: '300x300' }}');">

{% if section.settings.show_overlay %}<div class="slideshow__overlay"></div>{% endif %}

</div>

{% endif %}

</a>

{% if block_image == blank %}

</div>

{% endif %}

</div>

</noscript>

<div>

<h2 class="h1 mega-title mega-title--large">Thanks for</h2>

</div>

<div class="title" id="change-word">Playing</div>

</div>

{%- endfor -%}

</div>

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

{%- assign arrows_width = section.blocks.size | times: 18 | plus: 115 -%}

<div class="slideshow__arrows"

style="width: {{- arrows_width -}}px">

<button class="slideshow__arrow slideshow__arrow-left" aria-label="{{ 'sections.slideshow.previous_slide' | t }}">{% include 'icon-chevron-left' %}</button>

<button class="slideshow__arrow slideshow__arrow-right" aria-label="{{ 'sections.slideshow.next_slide' | t }}">{% include 'icon-chevron-right' %}</button>

</div>

{%- if section.settings.autorotate -%}

{% include 'icon-pause' %}

<span class="icon__fallback-text">{{ 'sections.slideshow.pause_slideshow' | t }}</span>

</span>

{% include 'icon-play' %}

<span class="icon__fallback-text">{{ 'sections.slideshow.rotate_slideshow' | t }}</span>

</span>

</button>

{%- endif -%}

</div>

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

<button class="slideshow__arrow slideshow__arrow-left" aria-label="{{ 'sections.slideshow.previous_slide' | t }}">{% include 'icon-chevron-left' %}</button>

<button class="slideshow__arrow slideshow__arrow-right" aria-label="{{ 'sections.slideshow.next_slide' | t }}">{% include 'icon-chevron-right' %}</button>

</div>

{% endif %}

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

{%- assign show_text = false -%}

{%- unless block.settings.slide_title == blank and block.settings.subheading == blank -%}

{%- assign show_text = true -%}

{%- endunless -%}

{%- assign show_link_button = false -%}

{%- if block.settings.button_label != blank and block.settings.button_link != blank -%}

{%- assign show_link_button = true -%}

{%- endif -%}

{%- if show_text or show_link_button -%}

<div>

{%- unless block.settings.slide_title == blank -%}

</h2>

{%- endunless -%}

{%- unless block.settings.subheading == blank -%}

</h2>

{%- endunless -%}

{%- if show_link_button -%}

</a>

{%- endif -%}

</div>

{%- endif -%}

{%- endfor -%}

</div>

{%- endif -%}

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

</div>

{% endif %}

</div>

<style>

.slideshow_imgage.mobile {

display: none;

}

@media(max-width: 749px) {

.slideshow_imgage.mobile {

display: block;

}

slideshow_imgage {

display: none;

}

</style>

{% schema %}

{

"name": {

"da": "Diasshow",

"de": "Slideshow",

"en": "Slideshow",

"es": "Diapositivas",

"fi": "Diaesitys",

"fr": "Diaporama",

"hi": "स्लाइडशो",

"it": "Presentazione",

"ja": "スライドショー",

"ko": "슬라이드 쇼",

"nb": "Lysbildefremvisning",

"nl": "Diavoorstelling",

"pt-BR": "Apresentação de slides",

"pt-PT": "Apresentação de diapositivos",

"sv": "Bildspel",

"th": "สไลด์โชว์",

"zh-CN": "幻灯片",

"zh-TW": "素材輪播"

},

"class": "index-section index-section--flush index-section--slideshow",

"max_blocks": 6,

"settings": [

{

"type": "select",

"id": "slideshow_height",

"label": {

"da": "Diashøjde",

"de": "Diahöhe",

"en": "Slide height",

"es": "Altura de diapositiva",

"fi": "Dian korkeus",

"fr": "Hauteur de la diapositive",

"hi": "स्लाइड ऊंचाई",

"it": "Altezza slide",

"ja": "スライドの高さ",

"ko": "슬라이드 높이",

"nb": "Lysbildehøyde",

"nl": "Diahoogte",

"pt-BR": "Altura do slide",

"pt-PT": "Altura do diapositivo",

"sv": "Bildhöjd",

"th": "ความสูงของสไลด์",

"zh-CN": "幻灯片高度",

"zh-TW": "投影片高度"

},

"default": "adapt",

"info": {

"da": "Få mere at vide om [slideshow guidelines](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"de": "Erfahren Sie mehr über die [Richtlinien für Slideshows](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"en": "Learn more about [slideshow guidelines](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"es": "Más información sobre [directrices de presentación de diapositivas](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"fi": "Lisätietoja [diaesitysohjeista](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"fr": "En savoir plus sur [directives de diaporama](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"hi": "[स्लाइडशो दिशानिर्देश](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific) के बारे में अधिक जानें",

"it": "Maggiori informazioni sulle [linee guida per le presentazioni](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"ja": "[スライドショーのガイドライン](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)...",

"ko": "[슬라이드 쇼 가이드라인에 대해 자세히 알아보기](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"nb": "Finn ut mer om [retningslinjer for lysbilder](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"nl": "Meer informatie over [richtlijnen voor diavoorstellingen](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"pt-BR": "Saiba mais sobre [diretrizes de apresentação de slides](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"pt-PT": "Saiba mais sobre [diretrizes de apresentação de diapositivos](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"sv": "Läs mer om [bildspelets riktlinjer](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"th": "ดูข้อมูลเพิ่มเติมเกี่ยวกับ [แนวทางสไลด์โชว์](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"zh-CN": "详细了解[幻灯片指南](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)",

"zh-TW": "深入瞭解 [素材輪播準則](https://help.shopify.com/en/manual/using-themes/themes-by-shopify/debut#slideshow-sections-specific)"

},

"options": [

{

"label": {

"da": "Tilpas til første side",

"de": "An erstes Bild anpassen",

"en": "Adapt to first image",

"es": "Adaptar a la primera imagen",

"fi": "Mukauta ensimmäisen kuvan mukaan",

"fr": "Adapter à la première image",

"hi": "पहली इमेज को अनुकूल बनाएं",

"it": "Adatta alla prima immagine",

"ja": "最初の画像に適応する",

"ko": "첫 번째 이미지에 맞춤",

"nb": "Tilpass etter første bilde",

"nl": "Aanpassen aan eerste afbeelding",

"pt-BR": "Adaptar à primeira imagem",

"pt-PT": "Adaptar à primeira imagem",

"sv": "Anpassa efter första bilden",

"th": "ปรับให้เข้ากับรูปภาพแรก",

"zh-CN": "适应第一张图片",

"zh-TW": "配合第一張圖片"

},

"value": "adapt"

},

{

"label": {

"da": "Lille",

"de": "Klein",

"en": "Small",

"es": "Pequeña",

"fi": "Pieni",

"fr": "Petite",

"hi": "छोटा",

"it": "Piccolo",

"ja": "小",

"ko": "스몰",

"nb": "Liten",

"nl": "Klein",

"pt-BR": "Pequeno",

"pt-PT": "Pequeno",

"sv": "Liten",

"th": "เล็ก",

"zh-CN": "小",

"zh-TW": "小型"

},

"value": "small"

},

{

"label": {

"da": "Medium",

"de": "Mittel",

"en": "Medium",

"es": "Mediana",

"fi": "Keskisuuri",

"fr": "Moyenne",

"hi": "मध्यम",

"it": "Medio",

"ja": "中",

"ko": "보통",

"nb": "Middels",

"nl": "Gemiddeld",

"pt-BR": "Médio",

"pt-PT": "Médio",

"sv": "Medium",

"th": "ปานกลาง",

"zh-CN": "中等",

"zh-TW": "中等"

},

"value": "medium"

},

{

"label": {

"da": "Stor",

"de": "Groß",

"en": "Large",

"es": "Grande",

"fi": "Suuri",

"fr": "Grande",

"hi": "बड़ा",

"it": "Grande",

"ja": "大",

"ko": "라지",

"nb": "Stor",

"nl": "Groot",

"pt-BR": "Grande",

"pt-PT": "Grande",

"sv": "Stor",

"th": "ใหญ่",

"zh-CN": "大",

"zh-TW": "大型"

},

"value": "large"

}

]

},

{

"type": "select",

"id": "text_size",

"label": {

"da": "Tekststørrelse",

"de": "Textgröße",

"en": "Text size",

"es": "Tamaño del texto",

"fi": "Tekstin koko",

"fr": "Taille du texte",

"hi": "टेक्स्ट आकार",

"it": "Dimensione testo",

"ja": "文字サイズ",

"ko": "텍스트 사이즈",

"nb": "Tekststørrelse",

"nl": "Tekengrootte",

"pt-BR": "Tamanho do texto",

"pt-PT": "Tamanho do texto",

"sv": "Textstorlek",

"th": "ขนาดตัวอักษร",

"zh-CN": "文本大小",

"zh-TW": "文字尺寸"

},

"default": "medium",

"options": [

{

"label": {

"da": "Medium",

"de": "Mittel",

"en": "Medium",

"es": "Mediano",

"fi": "Keskisuuri",

"fr": "Moyenne",

"hi": "मध्यम",

"it": "Medio",

"ja": "中",

"ko": "보통",

"nb": "Middels",

"nl": "Gemiddeld",

"pt-BR": "Médio",

"pt-PT": "Intermédio",

"sv": "Medium",

"th": "ปานกลาง",

"zh-CN": "中等",

"zh-TW": "中等"

},

"value": "medium"

},

{

"label": {

"da": "Stor",

"de": "Groß",

"en": "Large",

"es": "Grande",

"fi": "Suuri",

"fr": "Grande",

"hi": "बड़ा",

"it": "Grande",

"ja": "大",

"ko": "라지",

"nb": "Stor",

"nl": "Groot",

"pt-BR": "Grande",

"pt-PT": "Grande",

"sv": "Stor",

"th": "ใหญ่",

"zh-CN": "大",

"zh-TW": "大型"

},

"value": "large"

}

]

},

{

"type": "select",

"id": "text_alignment",

"label": {

"da": "Tekstjustering",

"de": "Textausrichtung",

"en": "Text alignment",

"es": "Alineación de texto",

"fi": "Tekstin tasaus",

"fr": "Alignement du texte",

"hi": "टेक्स्ट पंक्तिबद्ध",

"it": "Allineamento del testo",

"ja": "テキストアラインメント",

"ko": "텍스트 정렬",

"nb": "Tekstjustering",

"nl": "Tekstuitlijning",

"pt-BR": "Alinhamento de texto",

"pt-PT": "Alinhamento de texto",

"sv": "Textjustering",

"th": "การจัดตำแหน่งข้อความ",

"zh-CN": "文本对齐方式",

"zh-TW": "文字對齊"

},

"default": "center center",

"options": [

{

"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": "왼쪽 상단",

"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": "left top"

},

{

"label": {

"da": "Øverst i midten",

"de": "Oben Mitte",

"en": "Top center",

"es": "Superior centrada",

"fi": "Keskellä ylhäällä",

"fr": "En haut au centre",

"hi": "शीर्ष केंद्र",

"it": "In alto al centro",

"ja": "中央上",

"ko": "맨 위 중간",

"nb": "Toppsentrert",

"nl": "Midden boven",

"pt-BR": "Superior centro",

"pt-PT": "Superior centro",

"sv": "Längst upp i mitten",

"th": "กลางบน",

"zh-CN": "顶部居中",

"zh-TW": "中央上方"

},

"value": "center top"

},

{

"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": "오른쪽 상단",

"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": "right top"

},

{

"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": "왼쪽 중간",

"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": "left center"

},

{

"label": {

"da": "Midt på centreret",

"de": "Mitte mittig",

"en": "Middle center",

"es": "Centrada en el medio",

"fi": "Keskellä keskellä",

"fr": "Centrée au milieu",

"hi": "मध्य केंद्र",

"it": "In mezzo",

"ja": "中央中",

"ko": "가운데 중간",

"nb": "Midt i senter",

"nl": "Midden centrum",

"pt-BR": "Meio centro",

"pt-PT": "Intermédio ao centro",

"sv": "Mitten centrerat",

"th": "กึ่งกลาง",

"zh-CN": "中间居中",

"zh-TW": "正中央"

},

"value": "center center"

},

{

"label": {

"da": "Midt på til højre",

"de": "Mitte rechts",

"en": "Middle right",

"es": "Centrado a la derecha",

"fi": "Keskellä oikealla",

"fr": "Au milieu à droite",

"hi": "मध्य में दाईं ओर",

"it": "Nel mezzo a destra",

"ja": "中央右",

"ko": "오른쪽 중간",

"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": "right center"

},

{

"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": "왼쪽 하단",

"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": "left bottom"

},

{

"label": {

"da": "Nederst i midten",

"de": "Unten mittig",

"en": "Bottom center",

"es": "Inferior centrada",

"fi": "Keskellä alhaalla",

"fr": "En bas au centre",

"hi": "निचला केंद्र",

"it": "In basso al centro",

"ja": "中央下",

"ko": "맨아래 중간",

"nb": "Bunnsentrert",

"nl": "Midden onder",

"pt-BR": "Inferior centro",

"pt-PT": "Inferior centro",

"sv": "Längst ner i mitten",

"th": "กลางล่าง",

"zh-CN": "底部居中",

"zh-TW": "中央下方"

},

"value": "center bottom"

},

{

"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": "오른쪽 아래",

"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": "右下角"

},

"value": "right bottom"

}

]

},

{

"type": "checkbox",

"id": "show_overlay",

"label": {

"da": "Vis overlejring",

"de": "Überlagerung zeigen",

"en": "Show overlay",

"es": "Mostrar superposición",

"fi": "Näytä peittokuva",

"fr": "Afficher la superposition",

"hi": "ओवरले दिखाएं",

"it": "Mostra sovrapposizione",

"ja": "オーバーレイを表示する",

"ko": "오버레이 표시",

"nb": "Vis overlegg",

"nl": "Overlay weergeven",

"pt-BR": "Exibir sobreposição",

"pt-PT": "Mostrar sobreposição",

"sv": "Visa överlagring",

"th": "แสดงการวางซ้อน",

"zh-CN": "显示叠加",

"zh-TW": "顯示疊加層"

},

"default": true

},

{

"type": "checkbox",

"id": "autorotate",

"label": {

"da": "Roter automatisk slides",

"de": "Auto-rotieren der Slides",

"en": "Auto-rotate slides",

"es": "Rotar las diapositivas automáticamente",

"fi": "Käännä diat automaattisesti",

"fr": "Rotation automatique des diapositives",

"hi": "ऑटो-रोटेट स्लाइड",

"it": "Ruota slide automaticamente",

"ja": "スライドの自動切り替え",

"ko": "슬라이드 자동 회전",

"nb": "Autoroter lysbildene",

"nl": "Dia's automatisch draaien",

"pt-BR": "Rodar os slides automaticamente",

"pt-PT": "Reprodução automática de diapositivos",

"sv": "Auto-rotera bilder",

"th": "หมุนสไลด์อัตโนมัติ",

"zh-CN": "自动旋转幻灯片",

"zh-TW": "自動旋轉投影片"

},

"default": false

},

{

"type": "range",

"id": "autorotate_speed",

"label": {

"da": "Skift slide hver",

"de": "Slides überall ändern",

"en": "Change slides every",

"es": "Cambiar diapositivas cada",

"fi": "Vaihda diat joka",

"fr": "Changer de diapositive toutes les",

"hi": "प्रत्येक स्लाइड बदलें",

"it": "Cambia slide ogni",

"ja": "スライドを変更する間隔",

"ko": "슬라이드를 매번 변경",

"nb": "Endre lysbilde hvert",

"nl": "Wijzig dia's elke",

"pt-BR": "Mudar os slides a cada",

"pt-PT": "Mudar diapositivos a cada",

"sv": "Byt bilder varje",

"th": "เปลี่ยนสไลด์ทุก",

"zh-CN": "幻灯片更改时间间隔",

"zh-TW": "每過以下時間即變更投影片"

},

"max": 9,

"min": 3,

"step": 2,

"unit": {

"da": " s",

"de": " s",

"en": " s",

"es": " s",

"fi": " s",

"fr": " s",

"hi": " s",

"it": " s",

"ja": " s",

"ko": " s",

"nb": " s",

"nl": " s",

"pt-BR": " s",

"pt-PT": " s",

"sv": " s",

"th": " s",

"zh-CN": " s",

"zh-TW": " s"

},

"default": 5

}

],

"blocks": [

{

"type": "image",

"name": {

"da": "Billeddias",

"de": "Foto-Slide",

"en": "Image slide",

"es": "Diapositiva de imagen",

"fi": "Kuvadia",

"fr": "Diapositive (image)",

"hi": "इमेज स्लाइड",

"it": "Slide immagine",

"ja": "画像スライド",

"ko": "이미지 슬라이드",

"nb": "Lysbilde",

"nl": "Afbeelding dia",

"pt-BR": "Slide de imagem",

"pt-PT": "Diapositivo de imagem",

"sv": "Bild i bildspel",

"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": "이미지",

"nb": "Bilde",

"nl": "Afbeelding",

"pt-BR": "Imagem",

"pt-PT": "Imagem",

"sv": "Bild",

"th": "รูปภาพ",

"zh-CN": "图片",

"zh-TW": "圖片"

}

},

{

"type": "image_picker",

"id": "image_mobile",

"label": {

"da": "Billede",

"de": "Foto",

"en": "Image Mobile",

"es": "Imagen",

"fi": "Kuva",

"fr": "Image",

"hi": "इमेज",

"it": "Immagine",

"ja": "画像",

"ko": "이미지",

"nb": "Bilde",

"nl": "Afbeelding",

"pt-BR": "Imagem",

"pt-PT": "Imagem",

"sv": "Bild",

"th": "รูปภาพ",

"zh-CN": "图片",

"zh-TW": "圖片"

}

},

{

"type": "url",

"id": "image_link",

"label": "Image Link"

},

{

"type": "select",

"id": "alignment",

"label": {

"da": "Placering af billede",

"de": "Foto-Position",

"en": "Image position",

"es": "Alineación de imagen",

"fi": "Kuvan sijainti",

"fr": "Position de l'image",

"hi": "इमेज स्थिति",

"it": "Allineamento immagine",

"ja": "画像アラインメント",

"ko": "이미지 위치",

"nb": "Bildeposisjon",

"nl": "Afbeeldingspositie",

"pt-BR": "Alinhamento da imagem",

"pt-PT": "Posição da imagem",

"sv": "Bildposition",

"th": "ตำแหน่งรูปภาพ",

"zh-CN": "图片位置",

"zh-TW": "圖片位置"

},

"default": "center center",

"options": [

{

"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": "왼쪽 상단",

"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": "left top"

},

{

"label": {

"da": "Øverst i midten",

"de": "Oben Mitte",

"en": "Top center",

"es": "Superior centrada",

"fi": "Keskellä ylhäällä",

"fr": "En haut au centre",

"hi": "शीर्ष केंद्र",

"it": "In alto al centro",

"ja": "中央上",

"ko": "맨 위 중간",

"nb": "Toppsentrert",

"nl": "Midden boven",

"pt-BR": "Superior centro",

"pt-PT": "Superior centro",

"sv": "Längst upp i mitten",

"th": "กลางบน",

"zh-CN": "顶部居中",

"zh-TW": "中央上方"

},

"value": "center top"

},

{

"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": "오른쪽 상단",

"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": "right top"

},

{

"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": "왼쪽 중간",

"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": "left center"

},

{

"label": {

"da": "Midt på centreret",

"de": "Mitte mittig",

"en": "Middle center",

"es": "Centrada en el medio",

"fi": "Keskellä keskellä",

"fr": "Centrée au milieu",

"hi": "मध्य केंद्र",

"it": "In mezzo",

"ja": "中央中",

"ko": "가운데 중간",

"nb": "Midt i senter",

"nl": "Midden centrum",

"pt-BR": "Meio centro",

"pt-PT": "Intermédio ao centro",

"sv": "Mitten centrerat",

"th": "กึ่งกลาง",

"zh-CN": "中间居中",

"zh-TW": "正中央"

},

"value": "center center"

},

{

"label": {

"da": "Midt på til højre",

"de": "Mitte rechts",

"en": "Middle right",

"es": "Centrado a la derecha",

"fi": "Keskellä oikealla",

"fr": "Au milieu à droite",

"hi": "मध्य में दाईं ओर",

"it": "Nel mezzo a destra",

"ja": "中央右",

"ko": "오른쪽 중간",

"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": "right center"

},

{

"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": "왼쪽 하단",

"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": "left bottom"

},

{

"label": {

"da": "Nederst i midten",

"de": "Unten mittig",

"en": "Bottom center",

"es": "Inferior centrada",

"fi": "Keskellä alhaalla",

"fr": "En bas au centre",

"hi": "निचला केंद्र",

"it": "In basso al centro",

"ja": "中央下",

"ko": "맨아래 중간",

"nb": "Bunnsentrert",

"nl": "Midden onder",

"pt-BR": "Inferior centro",

"pt-PT": "Inferior centro",

"sv": "Längst ner i mitten",

"th": "กลางล่าง",

"zh-CN": "底部居中",

"zh-TW": "中央下方"

},

"value": "center bottom"

},

{

"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": "오른쪽 아래",

"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": "右下角"

},

"value": "right bottom"

}

]

},

{

"type": "text",

"id": "slide_title",

"label": {

"da": "Overskrift",

"de": "Titel",

"en": "Heading",

"es": "Título",

"fi": "Otsake",

"fr": "En-tête",

"hi": "शीर्षक",

"it": "Heading",

"ja": "見出し",

"ko": "제목",

"nb": "Overskrift",

"nl": "Kop",

"pt-BR": "Título",

"pt-PT": "Título",

"sv": "Rubrik",

"th": "ส่วนหัว",

"zh-CN": "标题",

"zh-TW": "標題"

},

"default": {

"da": "Billeddias",

"de": "Foto-Slide",

"en": "Image slide",

"es": "Diapositiva de imagen",

"fi": "Kuvadia",

"fr": "Diapositive (image)",

"hi": "इमेज स्लाइड",

"it": "Slide immagine",

"ja": "画像スライド",

"ko": "이미지 슬라이드",

"nb": "Lysbilde",

"nl": "Afbeelding dia",

"pt-BR": "Slide de imagem",

"pt-PT": "Diapositivo de imagem",

"sv": "Bild i bildspel",

"th": "สไลด์รูปภาพ",

"zh-CN": "图片幻灯片",

"zh-TW": "圖片投影片"

}

},

{

"type": "text",

"id": "subheading",

"label": {

"da": "Underoverskrift",

"de": "Untertitel",

"en": "Subheading",

"es": "Subtítulo",

"fi": "Alaotsikko",

"fr": "Sous-titre",

"hi": "उपशीर्षक",

"it": "Sottotitolo",

"ja": "小見出し",

"ko": "소제목",

"nb": "Underoverskrift",

"nl": "Subkop",

"pt-BR": "Subtítulo",

"pt-PT": "Subtítulo",

"sv": "Underrubrik",

"th": "หัวเรื่องย่อย",

"zh-CN": "副标题",

"zh-TW": "子標題"

},

"default": {

"da": "Fortæl dit brands historie gennem billeder",

"de": "Erzählen Sie Ihre Geschichte mit Fotos",

"en": "Tell your brand's story through images",

"es": "Cuenta la historia de tu marca a través de videos e imágenes",

"fi": "Kerro tuotemerkkisi tarina kuvien kautta",

"fr": "Racontez votre histoire avec des images",

"hi": "इमेज के माध्यम से अपने ब्रांड की कहानी बताएं",

"it": "Racconta la storia del tuo brand con video e immagini",

"ja": "あなたのブランドのストーリーをビデオや画像で伝える",

"ko": "이미지를 통해 브랜드 스토리 이야기하기",

"nb": "Fortell merkevarens historie gjennom bilder",

"nl": "Vertel met afbeeldingen het verhaal van uw merk",

"pt-BR": "Conte a história da sua marca com vídeos e imagens",

"pt-PT": "Conte a história da sua marca através de imagens",

"sv": "Berätta ditt varumärkes historia genom video och bilder",

"th": "บอกเล่าเรื่องราวของแบรนด์คุณผ่านรูปภาพ",

"zh-CN": "通过图片讲述您的品牌故事",

"zh-TW": "用圖片講述您的品牌故事"

}

},

{

"type": "text",

"id": "button_label",

"label": {

"da": "Knaptekst",

"de": "Button-Name",

"en": "Button label",

"es": "Etiqueta de botón",

"fi": "Tekstipainike",

"fr": "Texte du bouton",

"hi": "बटन लेबल",

"it": "Etichetta pulsante",

"ja": "ボタンのラベル",

"ko": "버튼 레이블",

"nb": "Knappetikett",

"nl": "Knoplabel",

"pt-BR": "Etiqueta de botão",

"pt-PT": "Etiqueta do botão",

"sv": "Knappetikett",

"th": "ป้ายกำกับปุ่ม",

"zh-CN": "按钮标签",

"zh-TW": "按鈕標籤"

}

},

{

"type": "url",

"id": "button_link",

"label": {

"da": "Knaplink",

"de": "Button-Link",

"en": "Button link",

"es": "Enlace de la diapositiva",

"fi": "Painikelinkki",

"fr": "Lien du bouton",

"hi": "बटन लिंक",

"it": "Link slide",

"ja": "ボタンのリンク",

"ko": "버튼 링크",

"nb": "Kobling for knapp",

"nl": "Knoplink",

"pt-BR": "Link do slide",

"pt-PT": "Ligação do botão",

"sv": "Knapplänk",

"th": "ลิงก์ปุ่ม",

"zh-CN": "按钮链接",

"zh-TW": "按鈕連結"

}

]

}

],

"presets": [

{

"name": {

"da": "Diasshow",

"de": "Slideshow",

"en": "Slideshow",

"es": "Diapositivas",

"fi": "Diaesitys",

"fr": "Diaporama",

"hi": "स्लाइडशो",

"it": "Presentazione",

"ja": "スライドショー",

"ko": "슬라이드 쇼",

"nb": "Lysbildefremvisning",

"nl": "Diavoorstelling",

"pt-BR": "Apresentação de slides",

"pt-PT": "Apresentação de diapositivos",

"sv": "Bildspel",

"th": "สไลด์โชว์",

"zh-CN": "幻灯片",

"zh-TW": "素材輪播"

},

"category": {

"da": "Billede",

"de": "Foto",

"en": "Image",

"es": "Imagen",

"fi": "Kuva",

"fr": "Image",

"hi": "इमेज",

"it": "Immagine",

"ja": "画像",

"ko": "이미지",

"nb": "Bilde",

"nl": "Afbeelding",

"pt-BR": "Imagem",

"pt-PT": "Imagem",

"sv": "Bild",

"th": "รูปภาพ",

"zh-CN": "图片",

"zh-TW": "圖片"

},

"settings": {

"autorotate": false,

"autorotate_speed": 5

},

"blocks": [

{

"type": "image"

},

{

"type": "image"

}

]

}

]

}

{% endschema %}

Added Mobile Image picker and block and the original image (desktop, full view) stopped scaling

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links