Re: How to split slideshow on Simple Theme

Solved

How can I split a slideshow on Simple Theme?

stoneqduc
Shopify Partner
15 0 0

I want to split slideshow on Simple Theme like this .

simple-theme-split.png

url: https://tshinise.myshopify.com/

pss: test

 

Any help would be greatly appreciated.

Stone

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 760

This is an accepted solution.

Hi @stoneqduc,

Please change all code:

{%- case section.settings.slider_height -%}
  {%- when 'small' -%}
    {%- assign slider_desktop_height = '400px' -%}
    {%- assign slider_mobile_height = '250px' -%}
  {%- when 'medium' -%}
    {%- assign slider_desktop_height = '500px' -%}
    {%- assign slider_mobile_height = '300px' -%}
  {%- when 'large' -%}
    {%- assign slider_desktop_height = '600px' -%}
    {%- assign slider_mobile_height = '400px' -%}
  {%- when 'adapt' -%}
    {%- assign min_aspect_ratio = section.blocks[0].settings.image.aspect_ratio | default: 2.0 -%}
{%- endcase -%}

{%- unless section.settings.slider_height == 'adapt' -%}
  {%- style -%}
    #flexslider--{{ section.id }} .slides__slide,
    #flexslider--{{ section.id }} .slides__image,
    #flexslider--{{ section.id }} .slides svg {
      height: {{ slider_desktop_height }};
    }

    @media screen and (max-width: 768px) {
      #flexslider--{{ section.id }} .slides__slide,
      #flexslider--{{ section.id }} .slides__image,
      #flexslider--{{ section.id }} .slides svg {
        height: {{ slider_mobile_height }};
      }
    }
  {%- endstyle -%}
{%- endunless -%}

{%- if section.blocks.size > 0 -%}
  {%- assign arrow_offset = section.blocks.size | times: 10 | plus: 60 -%}
  {%- style -%}
    .slider__controls-button--prev {
      left: calc(50% - {{ arrow_offset }}px);
    }
    .slider__controls-button--next {
      right: calc(50% - {{ arrow_offset }}px);
    }
    {%- if section.settings.slider_height == 'adapt' -%}
      {%- if section.settings.slider_home_transition == 'fade' -%}
        #flexslider--{{ section.id }} .slides {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- else -%}
        #flexslider--{{ section.id }} .flex-viewport {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- endif -%}
    {%- endif -%}
  {%- endstyle -%}
  <div class="index-section slideshow-container"
       role="region"
       tabindex="-1"
       aria-label="slideshow"
       aria-describedby="slideshow-info">
    <div class="flexslider flexslider--{{ section.settings.slider_home_transition }}{% if section.settings.slider_height ==  'adapt' %} flexslider--adapt{% endif %}"
         id="flexslider--{{ section.id }}"
         data-section-id="{{ section.id }}"
         data-section-type="slideshow-section"
         data-transition="{{ section.settings.slider_home_transition }}"
         data-autoplay="{{ section.settings.slider_home_auto }}"
         data-speed="{{ section.settings.slider_home_rate | times: 1000 }}"
         data-slide-nav-a11y="{{ 'homepage.slideshow.load_slide' | t: slide_number: '[slide_number]' }}"
         data-slide-nav-active-a11y="{{ 'homepage.slideshow.active_slide' | t: slide_number: '[slide_number]' }}">
      <ul class="slides supports-js">
        {%- for block in section.blocks -%}
          {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
          {%- assign img_url_2 = block.settings.image_2 | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
          {%- assign img_url_3 = block.settings.image_3 | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

          {%- if block.settings.image.width < max_width -%}
            {%- assign slide_width = block.settings.image.width -%}
          {%- endif -%}

          {%- style -%}
            #slide--{{ block.id }} .slides__title,
            #slide--{{ block.id }}_clone .slides__title {
              color: {{ block.settings.color_text }};
            }
            #slide--{{ block.id }}:not(.slide-hide)::before, #slide--{{ block.id }}_clone:not(.slide-hide)::before {
              opacity: {{ block.settings.overlay_opacity | divided_by: 100.00 }};
            }
          {%- endstyle -%}
            <li id="slide--{{ block.id }}"
              class="slides__slide slide-hide"
              data-slider-item
              data-flexslider-index="{{ forloop.index0 }}"
              {{ block.shopify_attributes }}>
            {%- if block.settings.image != blank or block.settings.image_2 != blank -%}
              <div style="display: flex;" class="small--hide">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image | img_url: '300x300' }}"
                      data-src="{{ img_url }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image.alt | escape }}">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image_2 | img_url: '300x300' }}"
                      data-src="{{ img_url_2 }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image_2.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image_2.alt | escape }}">
              </div>
              <div class="medium-up--hide">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image_3 | img_url: '300x300' }}"
                      data-src="{{ img_url_3 }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image_3.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image_3.alt | escape }}">
              </div>
            {%- else -%}
              <span>
                {% capture current %}{% cycle 1, 2 %}{% endcapture %}
                {{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
              </span>
            {%- endif -%}

            {%- assign show_link_button = false -%}
            {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
              {%- assign show_link_button = true -%}
            {%- endif -%}
            {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
              <div class="slides__text-content text-{{ block.settings.text_alignment }}">
                <div class="slides-text-content-wrapper-{{ block.settings.text_alignment }}">
                  {%- unless block.settings.slide_heading == blank -%}
                    <h2 class="slides__title slides__title--{{ section.settings.text_size }} h1">
                      {{ block.settings.slide_heading | escape }}
                    </h2>
                  {%- endunless -%}
                  {%- if show_link_button -%}
                    <a href="{{ block.settings.button_link }}" class="slides__btn btn">
                      {{ block.settings.button_label | escape }}
                    </a>
                  {%- endif -%}
                </div>
              </div>
            {%- endunless -%}
          </li>
        {%- endfor -%}
      </ul>

      <noscript>
        {{ section.blocks[0].settings.image | img_url: '970x', scale: 2 | img_tag: block.settings.image.alt }}
      </noscript>
    </div>
    {%- if section.blocks.size > 1 -%}
      <div class="slider__controls-container" data-slider-controls>
        {%- if section.settings.slider_home_auto -%}
          <button class="slider__controls-button slider__controls-button--pause"
                  aria-live="polite"
                  aria-label="{{ 'homepage.slideshow.pause' | t }}"
                  aria-pressed="false"
                  data-label-pause="{{ 'homepage.slideshow.pause' | t }}"
                  data-label-play="{{ 'homepage.slideshow.play' | t }}"
                  data-slider-pause>
            {% include 'icon-pause' %}
            {% include 'icon-play' %}
          </button>
        {%- endif -%}
        <ul class="slider-navigation">
          <li>
            <button class="slider__controls-button slider__controls-button--prev" aria-label="{{ 'homepage.slideshow.previous_slide' | t }}" data-slider-navigation data-slider-prev>
              {% include 'icon-chevron-left' %}
            </button>
          </li>
          <li>
            <button class="slider__controls-button slider__controls-button--next" aria-label="{{ 'homepage.slideshow.next_slide' | t }}" data-slider-navigation>
              {% include 'icon-chevron-right' %}
            </button>
          </li>
        </ul>
      </div>
    {%- endif -%}
    <div class="slideshow__mobile-text-container">
      {%- for block in section.blocks -%}
        {%- assign show_link_button = false -%}
        {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
          {%- assign show_link_button = true -%}
        {%- endif -%}
        {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
          <div class="slides__text-content slides__text-content--mobile text-center" data-mobile-slide-text="{{ forloop.index0 }}" data-text-mobile>
            {%- unless block.settings.slide_heading == blank -%}
              <h2 class="slides__title slides__title--mobile slides__title--{{ section.settings.text_size }} h1">
                {{ block.settings.slide_heading | escape }}
              </h2>
            {%- endunless -%}
            {%- if show_link_button -%}
              <a href="{{ block.settings.button_link }}" class="slides__btn slides__btn--mobile btn">
                {{ block.settings.button_label | escape }}
              </a>
            {%- endif -%}
          </div>
        {%- endunless -%}
      {%- endfor -%}
    </div>
  </div>
{%- endif -%}

{% schema %}
{
  "name": {
    "cs": "Prezentace",
    "da": "Diasshow",
    "de": "Slideshow",
    "en": "Slideshow",
    "es": "Diapositivas",
    "fi": "Diaesitys",
    "fr": "Diaporama",
    "it": "Presentazione",
    "ja": "スライドショー",
    "ko": "슬라이드 쇼",
    "nb": "Lysbildefremvisning",
    "nl": "Diavoorstelling",
    "pl": "Pokaz slajdów",
    "pt-BR": "Apresentação de slides",
    "pt-PT": "Apresentação de diapositivos",
    "sv": "Bildspel",
    "th": "สไลด์โชว์",
    "tr": "Slayt gösterisi",
    "vi": "Bản trình chiếu",
    "zh-CN": "幻灯片",
    "zh-TW": "素材輪播"
  },
  "class": "shopify-slideshow-section",
  "max_blocks": 6,
  "settings": [
    {
      "type": "select",
      "id": "slider_height",
      "label": {
        "cs": "Výška snímku",
        "da": "Diashøjde",
        "de": "Diahöhe",
        "en": "Slide height",
        "es": "Altura de diapositiva",
        "fi": "Dian korkeus",
        "fr": "Hauteur de la diapositive",
        "it": "Altezza slide",
        "ja": "スライドの高さ",
        "ko": "슬라이드 높이",
        "nb": "Lysbildehøyde",
        "nl": "Diahoogte",
        "pl": "Wysokość slajdu",
        "pt-BR": "Altura do slide",
        "pt-PT": "Altura do diapositivo",
        "sv": "Bildhöjd",
        "th": "ความสูงของสไลด์",
        "tr": "Slayt yüksekliği",
        "vi": "Chiều cao trang chiếu",
        "zh-CN": "幻灯片高度",
        "zh-TW": "投影片高度"
      },
      "info": {
        "cs": "Prostudujte si [nápovědu k prezentaci](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple).",
        "da": "Få mere at vide om [retningslinjer for diasshow](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "de": "Erfahre mehr über die [Richtlinien für Slideshows](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "en": "Learn more about [slideshow guidelines](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "es": "Más información sobre [pautas de presentación de diapositivas](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "fi": "Lisätietoja [diaesitysohjeista](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "fr": "En savoir plus sur [directives de diaporama](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "it": "Maggiori informazioni sulle [linee guida per le presentazioni](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "ja": "[スライドショーのガイドライン](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)に関して詳しくはこちらをご覧ください",
        "ko": "[슬라이드 쇼 가이드라인에 대해 자세히 알아보기](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "nb": "Finn ut mer om [retningslinjer for lysbilder](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "nl": "Meer informatie over [richtlijnen voor diavoorstellingen](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pl": "Dowiedz się więcej o [wytycznych dotyczących pokazu slajdów](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pt-BR": "Saiba mais sobre [diretrizes de apresentação de slides](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pt-PT": "Saiba mais sobre [diretrizes de apresentação de diapositivos](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "sv": "Läs mer om [bildspelets riktlinjer](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "th": "ดูข้อมูลเพิ่มเติมเกี่ยวกับ [แนวทางการใช้งานสไลด์โชว์](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "tr": "[Slayt gösterisi yönergeleri](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple) hakkında daha fazla bilgi edinin",
        "vi": "Tìm hiểu thêm về [hướng dẫn trình chiếu](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "zh-CN": "详细了解[幻灯片指南](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "zh-TW": "深入瞭解 [素材輪播準則](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)"
      },
      "options": [
        {
          "value": "small",
          "label": {
            "cs": "Malá",
            "da": "Lille",
            "de": "Klein",
            "en": "Small",
            "es": "Pequeño",
            "fi": "Pieni",
            "fr": "Petite",
            "it": "Small",
            "ja": "小",
            "ko": "스몰",
            "nb": "Liten",
            "nl": "Klein",
            "pl": "Mały",
            "pt-BR": "Pequeno",
            "pt-PT": "Pequeno",
            "sv": "Liten",
            "th": "เล็ก",
            "tr": "Küçük",
            "vi": "Nhỏ",
            "zh-CN": "小",
            "zh-TW": "小型"
          }
        },
        {
          "value": "medium",
          "label": {
            "cs": "Střední",
            "da": "Medium",
            "de": "Mitte",
            "en": "Medium",
            "es": "Mediano",
            "fi": "Keskisuuri",
            "fr": "Moyenne",
            "it": "Medium",
            "ja": "中",
            "ko": "보통",
            "nb": "Middels",
            "nl": "Gemiddeld",
            "pl": "Średni",
            "pt-BR": "Médio",
            "pt-PT": "Intermédio",
            "sv": "Medium",
            "th": "ปานกลาง",
            "tr": "Orta",
            "vi": "Trung bình",
            "zh-CN": "中等",
            "zh-TW": "中等"
          }
        },
        {
          "value": "large",
          "label": {
            "cs": "Velká",
            "da": "Stor",
            "de": "Groß",
            "en": "Large",
            "es": "Grande",
            "fi": "Suuri",
            "fr": "Grande",
            "it": "Large",
            "ja": "大",
            "ko": "라지",
            "nb": "Stor",
            "nl": "Groot",
            "pl": "Duży",
            "pt-BR": "Grande",
            "pt-PT": "Grande",
            "sv": "Stor",
            "th": "ใหญ่",
            "tr": "Büyük",
            "vi": "Lớn",
            "zh-CN": "大",
            "zh-TW": "大型"
          }
        },
        {
          "value": "adapt",
          "label": {
            "cs": "Přizpůsobení prvnímu obrázku",
            "da": "Tilpas til første slide",
            "de": "An erste Folie anpassen",
            "en": "Adapt to first slide",
            "es": "Adaptar a la primera diapositiva",
            "fi": "Sovita ensimmäiseen diaan",
            "fr": "Adapter à la première diapositive",
            "it": "Adatta alla prima slide",
            "ja": "最初のスライドに適応する",
            "ko": "첫 번째 슬라이드에 맞춤",
            "nb": "Tilpass til første lysbilde",
            "nl": "Aanpassen aan eerste dia",
            "pl": "Dostosuj do pierwszego slajdu",
            "pt-BR": "Adaptar ao primeiro slide",
            "pt-PT": "Adaptar ao primeiro diapositivo",
            "sv": "Anpassa efter första bilden",
            "th": "ปรับให้เข้ากับสไลด์แรก",
            "tr": "İlk slayta uyarla",
            "vi": "Điều chỉnh theo trang chiếu đầu tiên",
            "zh-CN": "适应第一张幻灯片",
            "zh-TW": "配合第一張投影片"
          }
        }
      ]
    },
    {
      "type": "checkbox",
      "id": "slider_home_auto",
      "label": {
        "cs": "Automaticky otočit snímky",
        "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",
        "it": "Ruota slide automaticamente",
        "ja": "スライドの自動切り替え",
        "ko": "슬라이드 자동 회전",
        "nb": "Autoroter lysbildene",
        "nl": "Dia's automatisch draaien",
        "pl": "Automatycznie obracaj slajdy",
        "pt-BR": "Rodar automaticamente os slides",
        "pt-PT": "Reprodução automática de diapositivos",
        "sv": "Auto-rotera bilder",
        "th": "หมุนสไลด์อัตโนมัติ",
        "tr": "Slaytları otomatik olarak döndür",
        "vi": "Tự động xoay vòng các trang chiếu",
        "zh-CN": "自动旋转幻灯片",
        "zh-TW": "自動旋轉投影片"
      }
    },
    {
      "type": "range",
      "id": "slider_home_rate",
      "label": {
        "cs": "Změnit snímek co",
        "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",
        "it": "Cambia slide ogni",
        "ja": "スライドを変更する間隔",
        "ko": "슬라이드를 매번 변경",
        "nb": "Endre lysbilde hvert",
        "nl": "Wijzig dia's elke",
        "pl": "Zmieniaj slajdy co",
        "pt-BR": "Mude os slides a cada",
        "pt-PT": "Mudar diapositivos a cada",
        "sv": "Byt bilder varje",
        "th": "เปลี่ยนสไลด์ทุก",
        "tr": "Slaytları şu zaman aralığında değiştir:",
        "vi": "Đổi trang chiếu sau mỗi",
        "zh-CN": "幻灯片更改时间间隔",
        "zh-TW": "每過以下時間即變更投影片"
      },
      "min": 3,
      "max": 9,
      "step": 2,
      "unit": {
        "cs": " s",
        "da": " s",
        "de": " s",
        "en": " s",
        "es": " s",
        "fi": " s",
        "fr": " s",
        "it": " s",
        "ja": " s",
        "ko": " s",
        "nb": " s",
        "nl": " s",
        "pl": " s",
        "pt-BR": " s",
        "pt-PT": " s",
        "sv": " s",
        "th": " s",
        "tr": " sn",
        "vi": " gi",
        "zh-CN": " s",
        "zh-TW": " s"
      },
      "default": 7
    },
    {
      "type": "select",
      "id": "slider_home_transition",
      "label": {
        "cs": "Efekt přechodu",
        "da": "Overgangseffekt",
        "de": "Übergangseffekt",
        "en": "Transition effect",
        "es": "Efecto de transición",
        "fi": "Siirtymävaikutus",
        "fr": "Effet de transition",
        "it": "Effetto di transizione",
        "ja": "トランジション効果",
        "ko": "전환 효과",
        "nb": "Overgangseffekt",
        "nl": "Overgangseffect",
        "pl": "Efekt przejścia",
        "pt-BR": "Efeito de transição",
        "pt-PT": "Efeito de transição",
        "sv": "Övergångseffekt",
        "th": "เอฟเฟกต์การเปลี่ยนสไลด์",
        "tr": "Geçiş efekti",
        "vi": "Hiệu ứng chuyển tiếp",
        "zh-CN": "过渡效果",
        "zh-TW": "轉場效果"
      },
      "options": [
        {
          "value": "fade",
          "label": {
            "cs": "Mizení do ztracena",
            "da": "Toning",
            "de": "Ausblenden",
            "en": "Fade",
            "es": "Desvanecer",
            "fi": "Häivytys",
            "fr": "Fondu",
            "it": "Dissolvenza",
            "ja": "フェード",
            "ko": "페이드",
            "nb": "Falme",
            "nl": "Vervagen",
            "pl": "Zanikanie",
            "pt-BR": "Apagamento",
            "pt-PT": "Desvanecer",
            "sv": "Fade-out",
            "th": "จางหาย",
            "tr": "Yavaşça kaybolma",
            "vi": "Mờ đi",
            "zh-CN": "淡化",
            "zh-TW": "淡出"
          }
        },
        {
          "value": "slide",
          "label": {
            "cs": "Posouvání",
            "da": "Slide",
            "de": "Folie",
            "en": "Slide",
            "es": "Deslizar",
            "fi": "Dia",
            "fr": "Diapositive",
            "it": "Scorrimento",
            "ja": "スライド",
            "ko": "슬라이드",
            "nb": "Lysbilde",
            "nl": "Dia",
            "pl": "Slajd",
            "pt-BR": "Slide",
            "pt-PT": "Diapositivo",
            "sv": "Bild",
            "th": "สไลด์",
            "tr": "Slayt",
            "vi": "Trang chiếu",
            "zh-CN": "幻灯片",
            "zh-TW": "投影片"
          }
        }
      ]
    },
    {
      "type": "select",
      "id": "text_size",
      "label": {
        "cs": "Velikost textu",
        "da": "Tekststørrelse",
        "de": "Textgröße",
        "en": "Text size",
        "es": "Tamaño del texto",
        "fi": "Tekstin koko",
        "fr": "Taille du texte",
        "it": "Dimensione testo",
        "ja": "文字サイズ",
        "ko": "텍스트 사이즈",
        "nb": "Tekststørrelse",
        "nl": "Tekengrootte",
        "pl": "Rozmiar czcionki",
        "pt-BR": "Tamanho do texto",
        "pt-PT": "Tamanho do texto",
        "sv": "Textstorlek",
        "th": "ขนาดตัวอักษร",
        "tr": "Metin boyutu",
        "vi": "Cỡ văn bản",
        "zh-CN": "文本大小",
        "zh-TW": "文字尺寸"
      },
      "default": "medium",
      "options": [
        {
          "value": "small",
          "label": {
            "cs": "Malá",
            "da": "Lille",
            "de": "Klein",
            "en": "Small",
            "es": "Pequeño",
            "fi": "Pieni",
            "fr": "Petite",
            "it": "Small",
            "ja": "小",
            "ko": "스몰",
            "nb": "Liten",
            "nl": "Klein",
            "pl": "Mały",
            "pt-BR": "Pequeno",
            "pt-PT": "Pequeno",
            "sv": "Liten",
            "th": "เล็ก",
            "tr": "Küçük",
            "vi": "Nhỏ",
            "zh-CN": "小",
            "zh-TW": "小型"
          }
        },
        {
          "value": "medium",
          "label": {
            "cs": "Střední",
            "da": "Medium",
            "de": "Mitte",
            "en": "Medium",
            "es": "Mediano",
            "fi": "Keskisuuri",
            "fr": "Moyenne",
            "it": "Medium",
            "ja": "中",
            "ko": "보통",
            "nb": "Middels",
            "nl": "Gemiddeld",
            "pl": "Średni",
            "pt-BR": "Médio",
            "pt-PT": "Intermédio",
            "sv": "Medium",
            "th": "ปานกลาง",
            "tr": "Orta",
            "vi": "Trung bình",
            "zh-CN": "中等",
            "zh-TW": "中等"
          }
        },
        {
          "value": "large",
          "label": {
            "cs": "Velká",
            "da": "Stor",
            "de": "Groß",
            "en": "Large",
            "es": "Grande",
            "fi": "Suuri",
            "fr": "Grande",
            "it": "Large",
            "ja": "大",
            "ko": "라지",
            "nb": "Stor",
            "nl": "Groot",
            "pl": "Duży",
            "pt-BR": "Grande",
            "pt-PT": "Grande",
            "sv": "Stor",
            "th": "ใหญ่",
            "tr": "Büyük",
            "vi": "Lớn",
            "zh-CN": "大",
            "zh-TW": "大型"
          }
        }
      ]
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": {
        "cs": "Snímek",
        "da": "Slide",
        "de": "Folie",
        "en": "Slide",
        "es": "Diapositiva",
        "fi": "Dia",
        "fr": "Diapositive",
        "it": "Scorrimento",
        "ja": "スライド",
        "ko": "슬라이드",
        "nb": "Lysbilde",
        "nl": "Dia",
        "pl": "Slajd",
        "pt-BR": "Slide",
        "pt-PT": "Diapositivo",
        "sv": "Bild",
        "th": "สไลด์",
        "tr": "Slayt",
        "vi": "Trang chiếu",
        "zh-CN": "幻灯片",
        "zh-TW": "投影片"
      },
      "settings": [
        {
          "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": "image_picker",
          "id": "image_2",
          "label": "Image 2nd"
        },
        {
          "type": "image_picker",
          "id": "image_3",
          "label": "Image mobile"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": {
            "cs": "Pozice obrázku",
            "da": "Placering af billede",
            "de": "Foto-Position",
            "en": "Image position",
            "es": "Posición de la imagen",
            "fi": "Kuvan sijainti",
            "fr": "Position de l'image",
            "it": "Posizione Immagine",
            "ja": "画像の位置",
            "ko": "이미지 위치",
            "nb": "Bildeposisjon",
            "nl": "Afbeeldingspositie",
            "pl": "Położenie obrazu",
            "pt-BR": "Posição da imagem",
            "pt-PT": "Posição da imagem",
            "sv": "Bildposition",
            "th": "ตำแหน่งรูปภาพ",
            "tr": "Görsel konumu",
            "vi": "Vị trí hình ảnh",
            "zh-CN": "图片位置",
            "zh-TW": "圖片位置"
          },
          "default": "center center",
          "options": [
            {
              "label": {
                "cs": "Nahoře vlevo",
                "da": "Øverst til venstre",
                "de": "Oben links",
                "en": "Top left",
                "es": "Superior izquierda",
                "fi": "Ylhäällä vasemmalla",
                "fr": "En haut à gauche",
                "it": "In alto a sinistra",
                "ja": "左上",
                "ko": "왼쪽 상단",
                "nb": "Øverst til venstre",
                "nl": "Linksboven",
                "pl": "Do góry, do lewej",
                "pt-BR": "Superior esquerdo",
                "pt-PT": "Canto superior esquerdo",
                "sv": "Överst till vänster",
                "th": "ซ้ายบน",
                "tr": "Üst sol",
                "vi": "Trên cùng bên trái",
                "zh-CN": "左上方",
                "zh-TW": "左上角"
              },
              "value": "left top"
            },
            {
              "label": {
                "cs": "Nahoře ve středu",
                "da": "Øverst i midten",
                "de": "Oben Mitte",
                "en": "Top center",
                "es": "Superior centrada",
                "fi": "Keskellä ylhäällä",
                "fr": "En haut au centre",
                "it": "In alto al centro",
                "ja": "中央上",
                "ko": "맨 위 중간",
                "nb": "Toppsentrert",
                "nl": "Midden boven",
                "pl": "Do góry, wyśrodkowany",
                "pt-BR": "Superior centro",
                "pt-PT": "Superior centro",
                "sv": "Längst upp i mitten",
                "th": "กลางบน",
                "tr": "Üst orta",
                "vi": "Trên cùng ở giữa",
                "zh-CN": "顶部居中",
                "zh-TW": "中央上方"
              },
              "value": "center top"
            },
            {
              "label": {
                "cs": "Nahoře vpravo",
                "da": "Øverst til højre",
                "de": "Oben rechts",
                "en": "Top right",
                "es": "Superior derecha",
                "fi": "Ylhäällä oikealla",
                "fr": "En haut à droite",
                "it": "In alto a destra",
                "ja": "右上",
                "ko": "오른쪽 상단",
                "nb": "Øverst til høyre",
                "nl": "Rechtsboven",
                "pl": "Do góry, do prawej",
                "pt-BR": "Superior direito",
                "pt-PT": "Canto superior direito",
                "sv": "Överst till höger",
                "th": "ขวาบน",
                "tr": "Üst sağ",
                "vi": "Trên cùng bên phải",
                "zh-CN": "右上方",
                "zh-TW": "右上角"
              },
              "value": "right top"
            },
            {
              "label": {
                "cs": "Uprostřed vlevo",
                "da": "Midt på til venstre",
                "de": "Mitte links",
                "en": "Middle left",
                "es": "Al medio a la izquierda",
                "fi": "Keskellä vasemmalla",
                "fr": "Au milieu à gauche",
                "it": "Nel mezzo a sinistra",
                "ja": "中央部左側",
                "ko": "왼쪽 중간",
                "nb": "Midt til venstre",
                "nl": "Midden links",
                "pl": "Do środka, do lewej",
                "pt-BR": "Meio esquerdo",
                "pt-PT": "Intermédio à esquerda",
                "sv": "Mitten till vänster",
                "th": "ซ้ายกลาง",
                "tr": "Orta sol",
                "vi": "Ở giữa bên trái",
                "zh-CN": "中间居左",
                "zh-TW": "中央左方"
              },
              "value": "left center"
            },
            {
              "label": {
                "cs": "Uprostřed ve středu",
                "da": "Midt på centreret",
                "de": "Mitte mittig",
                "en": "Middle center",
                "es": "Centrada en el medio",
                "fi": "Keskellä keskellä",
                "fr": "Centrée au milieu",
                "it": "In mezzo",
                "ja": "中心",
                "ko": "가운데 중간",
                "nb": "Midt i senter",
                "nl": "Midden centrum",
                "pl": "Do środka, wyśrodkowany",
                "pt-BR": "Meio centro",
                "pt-PT": "Intermédio ao centro",
                "sv": "Mitten centrerat",
                "th": "กึ่งกลาง",
                "tr": "Orta kısmın ortası",
                "vi": "Chính giữa",
                "zh-CN": "中间居中",
                "zh-TW": "正中央"
              },
              "value": "center center"
            },
            {
              "label": {
                "cs": "Uprostřed vpravo",
                "da": "Midt på til højre",
                "de": "Mitte rechts",
                "en": "Middle right",
                "es": "Centrado a la derecha",
                "fi": "Keskellä oikealla",
                "fr": "Au milieu à droite",
                "it": "Nel mezzo a destra",
                "ja": "中央部右側",
                "ko": "오른쪽 중간",
                "nb": "Midt til høyre",
                "nl": "Midden rechts",
                "pl": "Do środka, do prawej",
                "pt-BR": "Meio direito",
                "pt-PT": "Intermédio à direita",
                "sv": "Mitten till höger",
                "th": "ขวากลาง",
                "tr": "Orta sağ",
                "vi": "Ở giữa bên phải",
                "zh-CN": "中间居右",
                "zh-TW": "中央右方"
              },
              "value": "right center"
            },
            {
              "label": {
                "cs": "Dole vlevo",
                "da": "Nederst til venstre",
                "de": "Unten links",
                "en": "Bottom left",
                "es": "Inferior izquierda",
                "fi": "Alhaalla vasemmalla",
                "fr": "En bas à gauche",
                "it": "In basso a sinistra",
                "ja": "左下",
                "ko": "왼쪽 하단",
                "nb": "Nederst til venstre",
                "nl": "Linksonder",
                "pl": "Do dołu, do lewej",
                "pt-BR": "Inferior esquerdo",
                "pt-PT": "Canto inferior esquerdo",
                "sv": "Nere till vänster",
                "th": "ซ้ายล่าง",
                "tr": "Alt sol",
                "vi": "Dưới cùng bên trái",
                "zh-CN": "左下方",
                "zh-TW": "左下角"
              },
              "value": "left bottom"
            },
            {
              "label": {
                "cs": "Dole ve středu",
                "da": "Nederst i midten",
                "de": "Unten mittig",
                "en": "Bottom center",
                "es": "Inferior centrada",
                "fi": "Keskellä alhaalla",
                "fr": "En bas au centre",
                "it": "In basso al centro",
                "ja": "中央下",
                "ko": "맨아래 중간",
                "nb": "Bunnsentrert",
                "nl": "Midden onder",
                "pl": "Do dołu, wyśrodkowany",
                "pt-BR": "Inferior centro",
                "pt-PT": "Inferior centro",
                "sv": "Längst ner i mitten",
                "th": "กลางล่าง",
                "tr": "Alt orta",
                "vi": "Dưới cùng ở giữa",
                "zh-CN": "底部居中",
                "zh-TW": "中央下方"
              },
              "value": "center bottom"
            },
            {
              "label": {
                "cs": "Dole vpravo",
                "da": "Nederst til højre",
                "de": "Unten rechts",
                "en": "Bottom right",
                "es": "Inferior derecha",
                "fi": "Alhaalla oikealla",
                "fr": "En bas à droite",
                "it": "In basso a destra",
                "ja": "右下",
                "ko": "오른쪽 아래",
                "nb": "Nederst til høyre",
                "nl": "Rechtsonder",
                "pl": "Do dołu, do prawej",
                "pt-BR": "Inferior direito",
                "pt-PT": "Canto inferior direito",
                "sv": "Nere till höger",
                "th": "ขวาล่าง",
                "tr": "Alt sağ",
                "vi": "Dưới cùng bên phải",
                "zh-CN": "右下方",
                "zh-TW": "右下角"
              },
              "value": "right bottom"
            }
          ]
        },
        {
          "type": "range",
          "id": "overlay_opacity",
          "label": {
            "cs": "Neprůhlednost překryvu",
            "da": "Overlejringens uigennemsigtighed",
            "de": "Überlagerungsdeckkraft",
            "en": "Overlay opacity",
            "es": "Opacidad superpuesta",
            "fi": "Peittokuvan läpinäkyvyys",
            "fr": "Opacité de la superposition",
            "it": "Opacità della sovrapposizione",
            "ja": "オーバーレイ不透明率",
            "ko": "오버레이 불투명도",
            "nb": "Overleggets gjennomsiktighet",
            "nl": "Ondoorschijnendheid van overlay",
            "pl": "Nieprzezroczystość nakładki",
            "pt-BR": "Opacidade de sobreposição",
            "pt-PT": "Opacidade de sobreposição",
            "sv": "Överlagring av opacitet",
            "th": "ความทึบของการวางซ้อน",
            "tr": "Yer paylaşımı opaklığı",
            "vi": "Độ chắn sáng của lớp phủ",
            "zh-CN": "叠加不透明度",
            "zh-TW": "疊加層不透明度"
          },
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": {
            "cs": "%",
            "da": "%",
            "de": "%",
            "en": "%",
            "es": "%",
            "fi": "%",
            "fr": "%",
            "it": "%",
            "ja": "%",
            "ko": "%",
            "nb": "%",
            "nl": "%",
            "pl": "%",
            "pt-BR": "%",
            "pt-PT": "%",
            "sv": "%",
            "th": "%",
            "tr": "%",
            "vi": "%",
            "zh-CN": "%",
            "zh-TW": "%"
          },
          "default": 30
        },
        {
          "type": "header",
          "content": {
            "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": "文字"
          }
        },
        {
          "type": "color",
          "id": "color_text",
          "label": {
            "cs": "Barva textu",
            "da": "Tekstfarve",
            "de": "Textfarbe",
            "en": "Text color",
            "es": "Color de la fuente",
            "fi": "Tekstin väri",
            "fr": "Couleur du texte",
            "it": "Colore testo",
            "ja": "テキストの配色",
            "ko": "텍스트 색상",
            "nb": "Tekstfarge",
            "nl": "Tekstkleur",
            "pl": "Kolor tekstu",
            "pt-BR": "Cor do texto",
            "pt-PT": "Cor do texto",
            "sv": "Textfärg",
            "th": "สีข้อความ",
            "tr": "Metin rengi",
            "vi": "Màu chữ",
            "zh-CN": "文本颜色",
            "zh-TW": "文字顏色"
          },
          "default": "#ffffff"
        },
        {
          "type": "select",
          "id": "text_alignment",
          "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": "center",
          "options": [
            {
              "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": "left"
            },
            {
              "label": {
                "cs": "Na střed",
                "da": "Centreret",
                "de": "Mitte",
                "en": "Center",
                "es": "Centrar",
                "fi": "Keskitetty",
                "fr": "Centre",
                "it": "Al centro",
                "ja": "中央",
                "ko": "센터",
                "nb": "Sentrer",
                "nl": "Midden",
                "pl": "Do środka",
                "pt-BR": "Centro",
                "pt-PT": "Centro",
                "sv": "Centrera",
                "th": "ตรงกลาง",
                "tr": "Orta",
                "vi": "Ở giữa",
                "zh-CN": "居中",
                "zh-TW": "置中"
              },
              "value": "center"
            },
            {
              "label": {
                "cs": "Doprava",
                "da": "Højre",
                "de": "Rechts",
                "en": "Right",
                "es": "Derecha",
                "fi": "Oikea",
                "fr": "Droite",
                "it": "Destra",
                "ja": "右",
                "ko": "오른쪽",
                "nb": "Høyre",
                "nl": "Rechts",
                "pl": "Do prawej",
                "pt-BR": "Direita",
                "pt-PT": "Direita",
                "sv": "Höger",
                "th": "ด้านขวา",
                "tr": "Sağ",
                "vi": "Bên phải",
                "zh-CN": "右侧",
                "zh-TW": "右方"
              },
              "value": "right"
            }
          ]
        },
        {
          "type": "text",
          "id": "slide_heading",
          "default": "Image slide",
          "label": {
            "cs": "Nadpis",
            "da": "Overskrift",
            "de": "Überschrift",
            "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": "標題"
          }
        },
        {
          "type": "text",
          "id": "button_label",
          "label": {
            "cs": "Text tlačítka",
            "da": "Knaptekst",
            "de": "Schaltflächenbeschriftung",
            "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": "Schaltflächenlink",
            "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": "Prezentace",
        "da": "Diasshow",
        "de": "Slideshow",
        "en": "Slideshow",
        "es": "Diapositivas",
        "fi": "Diaesitys",
        "fr": "Diaporama",
        "it": "Presentazione",
        "ja": "スライドショー",
        "ko": "슬라이드 쇼",
        "nb": "Lysbildefremvisning",
        "nl": "Diavoorstelling",
        "pl": "Pokaz slajdów",
        "pt-BR": "Apresentação de slides",
        "pt-PT": "Apresentação de diapositivos",
        "sv": "Bildspel",
        "th": "สไลด์โชว์",
        "tr": "Slayt gösterisi",
        "vi": "Bản trình chiếu",
        "zh-CN": "幻灯片",
        "zh-TW": "素材輪播"
      },
      "category": {
        "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": "圖片"
      },
      "settings": {
        "slider_home_auto": false,
        "slider_home_rate": 7,
        "slider_home_transition": "slide"
      },
      "blocks": [
        {
          "type": "image"
        },
        {
          "type": "image"
        }
      ]
    }
  ]
}
{% endschema %}

I helped you add option to display 2nd image and mobile.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 5 (5)

LitCommerce
Astronaut
2860 684 760

Hi @stoneqduc,

When you add 'Slide' it will include 2 options to display the image?

So in mobile, it will still display 2 images like desktop?

 

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
stoneqduc
Shopify Partner
15 0 0

Hi @LitCommerce 

>When you add 'Slide' it will include 2 options to display the image?

Yes.

>So in mobile, it will still display 2 images like desktop?

Just show one image  is the best solution or use mobile-special picture.

I found this link

https://fluorescent.co/help/lorenza/slideshow-split#section-headings-and-style

can do the same thing but simple theme can't do like that.

 

Stone

LitCommerce
Astronaut
2860 684 760

Hi @stoneqduc,

Please send me the code of slideshow.liquid file, I will add it for you

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
stoneqduc
Shopify Partner
15 0 0

Hi @LitCommerce 

This is my slideshow.liquid code .

 

{%- case section.settings.slider_height -%}
  {%- when 'small' -%}
    {%- assign slider_desktop_height = '400px' -%}
    {%- assign slider_mobile_height = '250px' -%}
  {%- when 'medium' -%}
    {%- assign slider_desktop_height = '500px' -%}
    {%- assign slider_mobile_height = '300px' -%}
  {%- when 'large' -%}
    {%- assign slider_desktop_height = '600px' -%}
    {%- assign slider_mobile_height = '400px' -%}
  {%- when 'adapt' -%}
    {%- assign min_aspect_ratio = section.blocks[0].settings.image.aspect_ratio | default: 2.0 -%}
{%- endcase -%}

{%- unless section.settings.slider_height == 'adapt' -%}
  {%- style -%}
    #flexslider--{{ section.id }} .slides__slide,
    #flexslider--{{ section.id }} .slides__image,
    #flexslider--{{ section.id }} .slides svg {
      height: {{ slider_desktop_height }};
    }

    @media screen and (max-width: 768px) {
      #flexslider--{{ section.id }} .slides__slide,
      #flexslider--{{ section.id }} .slides__image,
      #flexslider--{{ section.id }} .slides svg {
        height: {{ slider_mobile_height }};
      }
    }
  {%- endstyle -%}
{%- endunless -%}

{%- if section.blocks.size > 0 -%}
  {%- assign arrow_offset = section.blocks.size | times: 10 | plus: 60 -%}
  {%- style -%}
    .slider__controls-button--prev {
      left: calc(50% - {{ arrow_offset }}px);
    }
    .slider__controls-button--next {
      right: calc(50% - {{ arrow_offset }}px);
    }
    {%- if section.settings.slider_height == 'adapt' -%}
      {%- if section.settings.slider_home_transition == 'fade' -%}
        #flexslider--{{ section.id }} .slides {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- else -%}
        #flexslider--{{ section.id }} .flex-viewport {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- endif -%}
    {%- endif -%}
  {%- endstyle -%}
  <div class="index-section slideshow-container"
       role="region"
       tabindex="-1"
       aria-label="slideshow"
       aria-describedby="slideshow-info">
    <div class="flexslider flexslider--{{ section.settings.slider_home_transition }}{% if section.settings.slider_height ==  'adapt' %} flexslider--adapt{% endif %}"
         id="flexslider--{{ section.id }}"
         data-section-id="{{ section.id }}"
         data-section-type="slideshow-section"
         data-transition="{{ section.settings.slider_home_transition }}"
         data-autoplay="{{ section.settings.slider_home_auto }}"
         data-speed="{{ section.settings.slider_home_rate | times: 1000 }}"
         data-slide-nav-a11y="{{ 'homepage.slideshow.load_slide' | t: slide_number: '[slide_number]' }}"
         data-slide-nav-active-a11y="{{ 'homepage.slideshow.active_slide' | t: slide_number: '[slide_number]' }}">
      <ul class="slides supports-js">
        {%- for block in section.blocks -%}
          {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

          {%- if block.settings.image.width < max_width -%}
            {%- assign slide_width = block.settings.image.width -%}
          {%- endif -%}

          {%- style -%}
            #slide--{{ block.id }} .slides__title,
            #slide--{{ block.id }}_clone .slides__title {
              color: {{ block.settings.color_text }};
            }
            #slide--{{ block.id }}:not(.slide-hide)::before, #slide--{{ block.id }}_clone:not(.slide-hide)::before {
              opacity: {{ block.settings.overlay_opacity | divided_by: 100.00 }};
            }
          {%- endstyle -%}
            <li id="slide--{{ block.id }}"
              class="slides__slide slide-hide"
              data-slider-item
              data-flexslider-index="{{ forloop.index0 }}"
              {{ block.shopify_attributes }}>
            {%- if block.settings.image != blank -%}
              <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                    src="{{ block.settings.image | img_url: '300x300' }}"
                    data-src="{{ img_url }}"
                    data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                    data-aspectratio="{{ block.settings.image.aspect_ratio }}"
                    data-sizes="auto"
                    style="{%- if slide_width <= max_width -%}
                             {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                             min-width: {{ min_width }}%;
                           {%- endif -%}
                           object-position: {{ block.settings.alignment }};"
                    alt="{{ block.settings.image.alt | escape }}">
            {%- else -%}
              <span>
                {% capture current %}{% cycle 1, 2 %}{% endcapture %}
                {{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
              </span>
            {%- endif -%}

            {%- assign show_link_button = false -%}
            {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
              {%- assign show_link_button = true -%}
            {%- endif -%}
            {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
              <div class="slides__text-content text-{{ block.settings.text_alignment }}">
                <div class="slides-text-content-wrapper-{{ block.settings.text_alignment }}">
                  {%- unless block.settings.slide_heading == blank -%}
                    <h2 class="slides__title slides__title--{{ section.settings.text_size }} h1">
                      {{ block.settings.slide_heading | escape }}
                    </h2>
                  {%- endunless -%}
                  {%- if show_link_button -%}
                    <a href="{{ block.settings.button_link }}" class="slides__btn btn">
                      {{ block.settings.button_label | escape }}
                    </a>
                  {%- endif -%}
                </div>
              </div>
            {%- endunless -%}
          </li>
        {%- endfor -%}
      </ul>

      <noscript>
        {{ section.blocks[0].settings.image | img_url: '970x', scale: 2 | img_tag: block.settings.image.alt }}
      </noscript>
    </div>
    {%- if section.blocks.size > 1 -%}
      <div class="slider__controls-container" data-slider-controls>
        {%- if section.settings.slider_home_auto -%}
          <button class="slider__controls-button slider__controls-button--pause"
                  aria-live="polite"
                  aria-label="{{ 'homepage.slideshow.pause' | t }}"
                  aria-pressed="false"
                  data-label-pause="{{ 'homepage.slideshow.pause' | t }}"
                  data-label-play="{{ 'homepage.slideshow.play' | t }}"
                  data-slider-pause>
            {% include 'icon-pause' %}
            {% include 'icon-play' %}
          </button>
        {%- endif -%}
        <ul class="slider-navigation">
          <li>
            <button class="slider__controls-button slider__controls-button--prev" aria-label="{{ 'homepage.slideshow.previous_slide' | t }}" data-slider-navigation data-slider-prev>
              {% include 'icon-chevron-left' %}
            </button>
          </li>
          <li>
            <button class="slider__controls-button slider__controls-button--next" aria-label="{{ 'homepage.slideshow.next_slide' | t }}" data-slider-navigation>
              {% include 'icon-chevron-right' %}
            </button>
          </li>
        </ul>
      </div>
    {%- endif -%}
    <div class="slideshow__mobile-text-container">
      {%- for block in section.blocks -%}
        {%- assign show_link_button = false -%}
        {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
          {%- assign show_link_button = true -%}
        {%- endif -%}
        {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
          <div class="slides__text-content slides__text-content--mobile text-center" data-mobile-slide-text="{{ forloop.index0 }}" data-text-mobile>
            {%- unless block.settings.slide_heading == blank -%}
              <h2 class="slides__title slides__title--mobile slides__title--{{ section.settings.text_size }} h1">
                {{ block.settings.slide_heading | escape }}
              </h2>
            {%- endunless -%}
            {%- if show_link_button -%}
              <a href="{{ block.settings.button_link }}" class="slides__btn slides__btn--mobile btn">
                {{ block.settings.button_label | escape }}
              </a>
            {%- endif -%}
          </div>
        {%- endunless -%}
      {%- endfor -%}
    </div>
  </div>
{%- endif -%}

 

 

 

 

LitCommerce
Astronaut
2860 684 760

This is an accepted solution.

Hi @stoneqduc,

Please change all code:

{%- case section.settings.slider_height -%}
  {%- when 'small' -%}
    {%- assign slider_desktop_height = '400px' -%}
    {%- assign slider_mobile_height = '250px' -%}
  {%- when 'medium' -%}
    {%- assign slider_desktop_height = '500px' -%}
    {%- assign slider_mobile_height = '300px' -%}
  {%- when 'large' -%}
    {%- assign slider_desktop_height = '600px' -%}
    {%- assign slider_mobile_height = '400px' -%}
  {%- when 'adapt' -%}
    {%- assign min_aspect_ratio = section.blocks[0].settings.image.aspect_ratio | default: 2.0 -%}
{%- endcase -%}

{%- unless section.settings.slider_height == 'adapt' -%}
  {%- style -%}
    #flexslider--{{ section.id }} .slides__slide,
    #flexslider--{{ section.id }} .slides__image,
    #flexslider--{{ section.id }} .slides svg {
      height: {{ slider_desktop_height }};
    }

    @media screen and (max-width: 768px) {
      #flexslider--{{ section.id }} .slides__slide,
      #flexslider--{{ section.id }} .slides__image,
      #flexslider--{{ section.id }} .slides svg {
        height: {{ slider_mobile_height }};
      }
    }
  {%- endstyle -%}
{%- endunless -%}

{%- if section.blocks.size > 0 -%}
  {%- assign arrow_offset = section.blocks.size | times: 10 | plus: 60 -%}
  {%- style -%}
    .slider__controls-button--prev {
      left: calc(50% - {{ arrow_offset }}px);
    }
    .slider__controls-button--next {
      right: calc(50% - {{ arrow_offset }}px);
    }
    {%- if section.settings.slider_height == 'adapt' -%}
      {%- if section.settings.slider_home_transition == 'fade' -%}
        #flexslider--{{ section.id }} .slides {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- else -%}
        #flexslider--{{ section.id }} .flex-viewport {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- endif -%}
    {%- endif -%}
  {%- endstyle -%}
  <div class="index-section slideshow-container"
       role="region"
       tabindex="-1"
       aria-label="slideshow"
       aria-describedby="slideshow-info">
    <div class="flexslider flexslider--{{ section.settings.slider_home_transition }}{% if section.settings.slider_height ==  'adapt' %} flexslider--adapt{% endif %}"
         id="flexslider--{{ section.id }}"
         data-section-id="{{ section.id }}"
         data-section-type="slideshow-section"
         data-transition="{{ section.settings.slider_home_transition }}"
         data-autoplay="{{ section.settings.slider_home_auto }}"
         data-speed="{{ section.settings.slider_home_rate | times: 1000 }}"
         data-slide-nav-a11y="{{ 'homepage.slideshow.load_slide' | t: slide_number: '[slide_number]' }}"
         data-slide-nav-active-a11y="{{ 'homepage.slideshow.active_slide' | t: slide_number: '[slide_number]' }}">
      <ul class="slides supports-js">
        {%- for block in section.blocks -%}
          {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
          {%- assign img_url_2 = block.settings.image_2 | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
          {%- assign img_url_3 = block.settings.image_3 | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

          {%- if block.settings.image.width < max_width -%}
            {%- assign slide_width = block.settings.image.width -%}
          {%- endif -%}

          {%- style -%}
            #slide--{{ block.id }} .slides__title,
            #slide--{{ block.id }}_clone .slides__title {
              color: {{ block.settings.color_text }};
            }
            #slide--{{ block.id }}:not(.slide-hide)::before, #slide--{{ block.id }}_clone:not(.slide-hide)::before {
              opacity: {{ block.settings.overlay_opacity | divided_by: 100.00 }};
            }
          {%- endstyle -%}
            <li id="slide--{{ block.id }}"
              class="slides__slide slide-hide"
              data-slider-item
              data-flexslider-index="{{ forloop.index0 }}"
              {{ block.shopify_attributes }}>
            {%- if block.settings.image != blank or block.settings.image_2 != blank -%}
              <div style="display: flex;" class="small--hide">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image | img_url: '300x300' }}"
                      data-src="{{ img_url }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image.alt | escape }}">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image_2 | img_url: '300x300' }}"
                      data-src="{{ img_url_2 }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image_2.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image_2.alt | escape }}">
              </div>
              <div class="medium-up--hide">
                <img class="slides__image lazyload{% unless forloop.first == true %} lazypreload{% endunless %}"
                      src="{{ block.settings.image_3 | img_url: '300x300' }}"
                      data-src="{{ img_url_3 }}"
                      data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
                      data-aspectratio="{{ block.settings.image_3.aspect_ratio }}"
                      data-sizes="auto"
                      style="width: 50%;{%- if slide_width <= max_width -%}
                               {%- assign min_width = slide_width | times: 100 | divided_by: max_width -%}
                               min-width: {{ min_width }}%;
                             {%- endif -%}
                             object-position: {{ block.settings.alignment }};"
                      alt="{{ block.settings.image_3.alt | escape }}">
              </div>
            {%- else -%}
              <span>
                {% capture current %}{% cycle 1, 2 %}{% endcapture %}
                {{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
              </span>
            {%- endif -%}

            {%- assign show_link_button = false -%}
            {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
              {%- assign show_link_button = true -%}
            {%- endif -%}
            {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
              <div class="slides__text-content text-{{ block.settings.text_alignment }}">
                <div class="slides-text-content-wrapper-{{ block.settings.text_alignment }}">
                  {%- unless block.settings.slide_heading == blank -%}
                    <h2 class="slides__title slides__title--{{ section.settings.text_size }} h1">
                      {{ block.settings.slide_heading | escape }}
                    </h2>
                  {%- endunless -%}
                  {%- if show_link_button -%}
                    <a href="{{ block.settings.button_link }}" class="slides__btn btn">
                      {{ block.settings.button_label | escape }}
                    </a>
                  {%- endif -%}
                </div>
              </div>
            {%- endunless -%}
          </li>
        {%- endfor -%}
      </ul>

      <noscript>
        {{ section.blocks[0].settings.image | img_url: '970x', scale: 2 | img_tag: block.settings.image.alt }}
      </noscript>
    </div>
    {%- if section.blocks.size > 1 -%}
      <div class="slider__controls-container" data-slider-controls>
        {%- if section.settings.slider_home_auto -%}
          <button class="slider__controls-button slider__controls-button--pause"
                  aria-live="polite"
                  aria-label="{{ 'homepage.slideshow.pause' | t }}"
                  aria-pressed="false"
                  data-label-pause="{{ 'homepage.slideshow.pause' | t }}"
                  data-label-play="{{ 'homepage.slideshow.play' | t }}"
                  data-slider-pause>
            {% include 'icon-pause' %}
            {% include 'icon-play' %}
          </button>
        {%- endif -%}
        <ul class="slider-navigation">
          <li>
            <button class="slider__controls-button slider__controls-button--prev" aria-label="{{ 'homepage.slideshow.previous_slide' | t }}" data-slider-navigation data-slider-prev>
              {% include 'icon-chevron-left' %}
            </button>
          </li>
          <li>
            <button class="slider__controls-button slider__controls-button--next" aria-label="{{ 'homepage.slideshow.next_slide' | t }}" data-slider-navigation>
              {% include 'icon-chevron-right' %}
            </button>
          </li>
        </ul>
      </div>
    {%- endif -%}
    <div class="slideshow__mobile-text-container">
      {%- for block in section.blocks -%}
        {%- assign show_link_button = false -%}
        {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
          {%- assign show_link_button = true -%}
        {%- endif -%}
        {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
          <div class="slides__text-content slides__text-content--mobile text-center" data-mobile-slide-text="{{ forloop.index0 }}" data-text-mobile>
            {%- unless block.settings.slide_heading == blank -%}
              <h2 class="slides__title slides__title--mobile slides__title--{{ section.settings.text_size }} h1">
                {{ block.settings.slide_heading | escape }}
              </h2>
            {%- endunless -%}
            {%- if show_link_button -%}
              <a href="{{ block.settings.button_link }}" class="slides__btn slides__btn--mobile btn">
                {{ block.settings.button_label | escape }}
              </a>
            {%- endif -%}
          </div>
        {%- endunless -%}
      {%- endfor -%}
    </div>
  </div>
{%- endif -%}

{% schema %}
{
  "name": {
    "cs": "Prezentace",
    "da": "Diasshow",
    "de": "Slideshow",
    "en": "Slideshow",
    "es": "Diapositivas",
    "fi": "Diaesitys",
    "fr": "Diaporama",
    "it": "Presentazione",
    "ja": "スライドショー",
    "ko": "슬라이드 쇼",
    "nb": "Lysbildefremvisning",
    "nl": "Diavoorstelling",
    "pl": "Pokaz slajdów",
    "pt-BR": "Apresentação de slides",
    "pt-PT": "Apresentação de diapositivos",
    "sv": "Bildspel",
    "th": "สไลด์โชว์",
    "tr": "Slayt gösterisi",
    "vi": "Bản trình chiếu",
    "zh-CN": "幻灯片",
    "zh-TW": "素材輪播"
  },
  "class": "shopify-slideshow-section",
  "max_blocks": 6,
  "settings": [
    {
      "type": "select",
      "id": "slider_height",
      "label": {
        "cs": "Výška snímku",
        "da": "Diashøjde",
        "de": "Diahöhe",
        "en": "Slide height",
        "es": "Altura de diapositiva",
        "fi": "Dian korkeus",
        "fr": "Hauteur de la diapositive",
        "it": "Altezza slide",
        "ja": "スライドの高さ",
        "ko": "슬라이드 높이",
        "nb": "Lysbildehøyde",
        "nl": "Diahoogte",
        "pl": "Wysokość slajdu",
        "pt-BR": "Altura do slide",
        "pt-PT": "Altura do diapositivo",
        "sv": "Bildhöjd",
        "th": "ความสูงของสไลด์",
        "tr": "Slayt yüksekliği",
        "vi": "Chiều cao trang chiếu",
        "zh-CN": "幻灯片高度",
        "zh-TW": "投影片高度"
      },
      "info": {
        "cs": "Prostudujte si [nápovědu k prezentaci](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple).",
        "da": "Få mere at vide om [retningslinjer for diasshow](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "de": "Erfahre mehr über die [Richtlinien für Slideshows](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "en": "Learn more about [slideshow guidelines](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "es": "Más información sobre [pautas de presentación de diapositivas](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "fi": "Lisätietoja [diaesitysohjeista](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "fr": "En savoir plus sur [directives de diaporama](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "it": "Maggiori informazioni sulle [linee guida per le presentazioni](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "ja": "[スライドショーのガイドライン](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)に関して詳しくはこちらをご覧ください",
        "ko": "[슬라이드 쇼 가이드라인에 대해 자세히 알아보기](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "nb": "Finn ut mer om [retningslinjer for lysbilder](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "nl": "Meer informatie over [richtlijnen voor diavoorstellingen](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pl": "Dowiedz się więcej o [wytycznych dotyczących pokazu slajdów](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pt-BR": "Saiba mais sobre [diretrizes de apresentação de slides](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "pt-PT": "Saiba mais sobre [diretrizes de apresentação de diapositivos](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "sv": "Läs mer om [bildspelets riktlinjer](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "th": "ดูข้อมูลเพิ่มเติมเกี่ยวกับ [แนวทางการใช้งานสไลด์โชว์](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "tr": "[Slayt gösterisi yönergeleri](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple) hakkında daha fazla bilgi edinin",
        "vi": "Tìm hiểu thêm về [hướng dẫn trình chiếu](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "zh-CN": "详细了解[幻灯片指南](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)",
        "zh-TW": "深入瞭解 [素材輪播準則](https://help.shopify.com/manual/using-themes/themes-by-shopify/simple)"
      },
      "options": [
        {
          "value": "small",
          "label": {
            "cs": "Malá",
            "da": "Lille",
            "de": "Klein",
            "en": "Small",
            "es": "Pequeño",
            "fi": "Pieni",
            "fr": "Petite",
            "it": "Small",
            "ja": "小",
            "ko": "스몰",
            "nb": "Liten",
            "nl": "Klein",
            "pl": "Mały",
            "pt-BR": "Pequeno",
            "pt-PT": "Pequeno",
            "sv": "Liten",
            "th": "เล็ก",
            "tr": "Küçük",
            "vi": "Nhỏ",
            "zh-CN": "小",
            "zh-TW": "小型"
          }
        },
        {
          "value": "medium",
          "label": {
            "cs": "Střední",
            "da": "Medium",
            "de": "Mitte",
            "en": "Medium",
            "es": "Mediano",
            "fi": "Keskisuuri",
            "fr": "Moyenne",
            "it": "Medium",
            "ja": "中",
            "ko": "보통",
            "nb": "Middels",
            "nl": "Gemiddeld",
            "pl": "Średni",
            "pt-BR": "Médio",
            "pt-PT": "Intermédio",
            "sv": "Medium",
            "th": "ปานกลาง",
            "tr": "Orta",
            "vi": "Trung bình",
            "zh-CN": "中等",
            "zh-TW": "中等"
          }
        },
        {
          "value": "large",
          "label": {
            "cs": "Velká",
            "da": "Stor",
            "de": "Groß",
            "en": "Large",
            "es": "Grande",
            "fi": "Suuri",
            "fr": "Grande",
            "it": "Large",
            "ja": "大",
            "ko": "라지",
            "nb": "Stor",
            "nl": "Groot",
            "pl": "Duży",
            "pt-BR": "Grande",
            "pt-PT": "Grande",
            "sv": "Stor",
            "th": "ใหญ่",
            "tr": "Büyük",
            "vi": "Lớn",
            "zh-CN": "大",
            "zh-TW": "大型"
          }
        },
        {
          "value": "adapt",
          "label": {
            "cs": "Přizpůsobení prvnímu obrázku",
            "da": "Tilpas til første slide",
            "de": "An erste Folie anpassen",
            "en": "Adapt to first slide",
            "es": "Adaptar a la primera diapositiva",
            "fi": "Sovita ensimmäiseen diaan",
            "fr": "Adapter à la première diapositive",
            "it": "Adatta alla prima slide",
            "ja": "最初のスライドに適応する",
            "ko": "첫 번째 슬라이드에 맞춤",
            "nb": "Tilpass til første lysbilde",
            "nl": "Aanpassen aan eerste dia",
            "pl": "Dostosuj do pierwszego slajdu",
            "pt-BR": "Adaptar ao primeiro slide",
            "pt-PT": "Adaptar ao primeiro diapositivo",
            "sv": "Anpassa efter första bilden",
            "th": "ปรับให้เข้ากับสไลด์แรก",
            "tr": "İlk slayta uyarla",
            "vi": "Điều chỉnh theo trang chiếu đầu tiên",
            "zh-CN": "适应第一张幻灯片",
            "zh-TW": "配合第一張投影片"
          }
        }
      ]
    },
    {
      "type": "checkbox",
      "id": "slider_home_auto",
      "label": {
        "cs": "Automaticky otočit snímky",
        "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",
        "it": "Ruota slide automaticamente",
        "ja": "スライドの自動切り替え",
        "ko": "슬라이드 자동 회전",
        "nb": "Autoroter lysbildene",
        "nl": "Dia's automatisch draaien",
        "pl": "Automatycznie obracaj slajdy",
        "pt-BR": "Rodar automaticamente os slides",
        "pt-PT": "Reprodução automática de diapositivos",
        "sv": "Auto-rotera bilder",
        "th": "หมุนสไลด์อัตโนมัติ",
        "tr": "Slaytları otomatik olarak döndür",
        "vi": "Tự động xoay vòng các trang chiếu",
        "zh-CN": "自动旋转幻灯片",
        "zh-TW": "自動旋轉投影片"
      }
    },
    {
      "type": "range",
      "id": "slider_home_rate",
      "label": {
        "cs": "Změnit snímek co",
        "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",
        "it": "Cambia slide ogni",
        "ja": "スライドを変更する間隔",
        "ko": "슬라이드를 매번 변경",
        "nb": "Endre lysbilde hvert",
        "nl": "Wijzig dia's elke",
        "pl": "Zmieniaj slajdy co",
        "pt-BR": "Mude os slides a cada",
        "pt-PT": "Mudar diapositivos a cada",
        "sv": "Byt bilder varje",
        "th": "เปลี่ยนสไลด์ทุก",
        "tr": "Slaytları şu zaman aralığında değiştir:",
        "vi": "Đổi trang chiếu sau mỗi",
        "zh-CN": "幻灯片更改时间间隔",
        "zh-TW": "每過以下時間即變更投影片"
      },
      "min": 3,
      "max": 9,
      "step": 2,
      "unit": {
        "cs": " s",
        "da": " s",
        "de": " s",
        "en": " s",
        "es": " s",
        "fi": " s",
        "fr": " s",
        "it": " s",
        "ja": " s",
        "ko": " s",
        "nb": " s",
        "nl": " s",
        "pl": " s",
        "pt-BR": " s",
        "pt-PT": " s",
        "sv": " s",
        "th": " s",
        "tr": " sn",
        "vi": " gi",
        "zh-CN": " s",
        "zh-TW": " s"
      },
      "default": 7
    },
    {
      "type": "select",
      "id": "slider_home_transition",
      "label": {
        "cs": "Efekt přechodu",
        "da": "Overgangseffekt",
        "de": "Übergangseffekt",
        "en": "Transition effect",
        "es": "Efecto de transición",
        "fi": "Siirtymävaikutus",
        "fr": "Effet de transition",
        "it": "Effetto di transizione",
        "ja": "トランジション効果",
        "ko": "전환 효과",
        "nb": "Overgangseffekt",
        "nl": "Overgangseffect",
        "pl": "Efekt przejścia",
        "pt-BR": "Efeito de transição",
        "pt-PT": "Efeito de transição",
        "sv": "Övergångseffekt",
        "th": "เอฟเฟกต์การเปลี่ยนสไลด์",
        "tr": "Geçiş efekti",
        "vi": "Hiệu ứng chuyển tiếp",
        "zh-CN": "过渡效果",
        "zh-TW": "轉場效果"
      },
      "options": [
        {
          "value": "fade",
          "label": {
            "cs": "Mizení do ztracena",
            "da": "Toning",
            "de": "Ausblenden",
            "en": "Fade",
            "es": "Desvanecer",
            "fi": "Häivytys",
            "fr": "Fondu",
            "it": "Dissolvenza",
            "ja": "フェード",
            "ko": "페이드",
            "nb": "Falme",
            "nl": "Vervagen",
            "pl": "Zanikanie",
            "pt-BR": "Apagamento",
            "pt-PT": "Desvanecer",
            "sv": "Fade-out",
            "th": "จางหาย",
            "tr": "Yavaşça kaybolma",
            "vi": "Mờ đi",
            "zh-CN": "淡化",
            "zh-TW": "淡出"
          }
        },
        {
          "value": "slide",
          "label": {
            "cs": "Posouvání",
            "da": "Slide",
            "de": "Folie",
            "en": "Slide",
            "es": "Deslizar",
            "fi": "Dia",
            "fr": "Diapositive",
            "it": "Scorrimento",
            "ja": "スライド",
            "ko": "슬라이드",
            "nb": "Lysbilde",
            "nl": "Dia",
            "pl": "Slajd",
            "pt-BR": "Slide",
            "pt-PT": "Diapositivo",
            "sv": "Bild",
            "th": "สไลด์",
            "tr": "Slayt",
            "vi": "Trang chiếu",
            "zh-CN": "幻灯片",
            "zh-TW": "投影片"
          }
        }
      ]
    },
    {
      "type": "select",
      "id": "text_size",
      "label": {
        "cs": "Velikost textu",
        "da": "Tekststørrelse",
        "de": "Textgröße",
        "en": "Text size",
        "es": "Tamaño del texto",
        "fi": "Tekstin koko",
        "fr": "Taille du texte",
        "it": "Dimensione testo",
        "ja": "文字サイズ",
        "ko": "텍스트 사이즈",
        "nb": "Tekststørrelse",
        "nl": "Tekengrootte",
        "pl": "Rozmiar czcionki",
        "pt-BR": "Tamanho do texto",
        "pt-PT": "Tamanho do texto",
        "sv": "Textstorlek",
        "th": "ขนาดตัวอักษร",
        "tr": "Metin boyutu",
        "vi": "Cỡ văn bản",
        "zh-CN": "文本大小",
        "zh-TW": "文字尺寸"
      },
      "default": "medium",
      "options": [
        {
          "value": "small",
          "label": {
            "cs": "Malá",
            "da": "Lille",
            "de": "Klein",
            "en": "Small",
            "es": "Pequeño",
            "fi": "Pieni",
            "fr": "Petite",
            "it": "Small",
            "ja": "小",
            "ko": "스몰",
            "nb": "Liten",
            "nl": "Klein",
            "pl": "Mały",
            "pt-BR": "Pequeno",
            "pt-PT": "Pequeno",
            "sv": "Liten",
            "th": "เล็ก",
            "tr": "Küçük",
            "vi": "Nhỏ",
            "zh-CN": "小",
            "zh-TW": "小型"
          }
        },
        {
          "value": "medium",
          "label": {
            "cs": "Střední",
            "da": "Medium",
            "de": "Mitte",
            "en": "Medium",
            "es": "Mediano",
            "fi": "Keskisuuri",
            "fr": "Moyenne",
            "it": "Medium",
            "ja": "中",
            "ko": "보통",
            "nb": "Middels",
            "nl": "Gemiddeld",
            "pl": "Średni",
            "pt-BR": "Médio",
            "pt-PT": "Intermédio",
            "sv": "Medium",
            "th": "ปานกลาง",
            "tr": "Orta",
            "vi": "Trung bình",
            "zh-CN": "中等",
            "zh-TW": "中等"
          }
        },
        {
          "value": "large",
          "label": {
            "cs": "Velká",
            "da": "Stor",
            "de": "Groß",
            "en": "Large",
            "es": "Grande",
            "fi": "Suuri",
            "fr": "Grande",
            "it": "Large",
            "ja": "大",
            "ko": "라지",
            "nb": "Stor",
            "nl": "Groot",
            "pl": "Duży",
            "pt-BR": "Grande",
            "pt-PT": "Grande",
            "sv": "Stor",
            "th": "ใหญ่",
            "tr": "Büyük",
            "vi": "Lớn",
            "zh-CN": "大",
            "zh-TW": "大型"
          }
        }
      ]
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": {
        "cs": "Snímek",
        "da": "Slide",
        "de": "Folie",
        "en": "Slide",
        "es": "Diapositiva",
        "fi": "Dia",
        "fr": "Diapositive",
        "it": "Scorrimento",
        "ja": "スライド",
        "ko": "슬라이드",
        "nb": "Lysbilde",
        "nl": "Dia",
        "pl": "Slajd",
        "pt-BR": "Slide",
        "pt-PT": "Diapositivo",
        "sv": "Bild",
        "th": "สไลด์",
        "tr": "Slayt",
        "vi": "Trang chiếu",
        "zh-CN": "幻灯片",
        "zh-TW": "投影片"
      },
      "settings": [
        {
          "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": "image_picker",
          "id": "image_2",
          "label": "Image 2nd"
        },
        {
          "type": "image_picker",
          "id": "image_3",
          "label": "Image mobile"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": {
            "cs": "Pozice obrázku",
            "da": "Placering af billede",
            "de": "Foto-Position",
            "en": "Image position",
            "es": "Posición de la imagen",
            "fi": "Kuvan sijainti",
            "fr": "Position de l'image",
            "it": "Posizione Immagine",
            "ja": "画像の位置",
            "ko": "이미지 위치",
            "nb": "Bildeposisjon",
            "nl": "Afbeeldingspositie",
            "pl": "Położenie obrazu",
            "pt-BR": "Posição da imagem",
            "pt-PT": "Posição da imagem",
            "sv": "Bildposition",
            "th": "ตำแหน่งรูปภาพ",
            "tr": "Görsel konumu",
            "vi": "Vị trí hình ảnh",
            "zh-CN": "图片位置",
            "zh-TW": "圖片位置"
          },
          "default": "center center",
          "options": [
            {
              "label": {
                "cs": "Nahoře vlevo",
                "da": "Øverst til venstre",
                "de": "Oben links",
                "en": "Top left",
                "es": "Superior izquierda",
                "fi": "Ylhäällä vasemmalla",
                "fr": "En haut à gauche",
                "it": "In alto a sinistra",
                "ja": "左上",
                "ko": "왼쪽 상단",
                "nb": "Øverst til venstre",
                "nl": "Linksboven",
                "pl": "Do góry, do lewej",
                "pt-BR": "Superior esquerdo",
                "pt-PT": "Canto superior esquerdo",
                "sv": "Överst till vänster",
                "th": "ซ้ายบน",
                "tr": "Üst sol",
                "vi": "Trên cùng bên trái",
                "zh-CN": "左上方",
                "zh-TW": "左上角"
              },
              "value": "left top"
            },
            {
              "label": {
                "cs": "Nahoře ve středu",
                "da": "Øverst i midten",
                "de": "Oben Mitte",
                "en": "Top center",
                "es": "Superior centrada",
                "fi": "Keskellä ylhäällä",
                "fr": "En haut au centre",
                "it": "In alto al centro",
                "ja": "中央上",
                "ko": "맨 위 중간",
                "nb": "Toppsentrert",
                "nl": "Midden boven",
                "pl": "Do góry, wyśrodkowany",
                "pt-BR": "Superior centro",
                "pt-PT": "Superior centro",
                "sv": "Längst upp i mitten",
                "th": "กลางบน",
                "tr": "Üst orta",
                "vi": "Trên cùng ở giữa",
                "zh-CN": "顶部居中",
                "zh-TW": "中央上方"
              },
              "value": "center top"
            },
            {
              "label": {
                "cs": "Nahoře vpravo",
                "da": "Øverst til højre",
                "de": "Oben rechts",
                "en": "Top right",
                "es": "Superior derecha",
                "fi": "Ylhäällä oikealla",
                "fr": "En haut à droite",
                "it": "In alto a destra",
                "ja": "右上",
                "ko": "오른쪽 상단",
                "nb": "Øverst til høyre",
                "nl": "Rechtsboven",
                "pl": "Do góry, do prawej",
                "pt-BR": "Superior direito",
                "pt-PT": "Canto superior direito",
                "sv": "Överst till höger",
                "th": "ขวาบน",
                "tr": "Üst sağ",
                "vi": "Trên cùng bên phải",
                "zh-CN": "右上方",
                "zh-TW": "右上角"
              },
              "value": "right top"
            },
            {
              "label": {
                "cs": "Uprostřed vlevo",
                "da": "Midt på til venstre",
                "de": "Mitte links",
                "en": "Middle left",
                "es": "Al medio a la izquierda",
                "fi": "Keskellä vasemmalla",
                "fr": "Au milieu à gauche",
                "it": "Nel mezzo a sinistra",
                "ja": "中央部左側",
                "ko": "왼쪽 중간",
                "nb": "Midt til venstre",
                "nl": "Midden links",
                "pl": "Do środka, do lewej",
                "pt-BR": "Meio esquerdo",
                "pt-PT": "Intermédio à esquerda",
                "sv": "Mitten till vänster",
                "th": "ซ้ายกลาง",
                "tr": "Orta sol",
                "vi": "Ở giữa bên trái",
                "zh-CN": "中间居左",
                "zh-TW": "中央左方"
              },
              "value": "left center"
            },
            {
              "label": {
                "cs": "Uprostřed ve středu",
                "da": "Midt på centreret",
                "de": "Mitte mittig",
                "en": "Middle center",
                "es": "Centrada en el medio",
                "fi": "Keskellä keskellä",
                "fr": "Centrée au milieu",
                "it": "In mezzo",
                "ja": "中心",
                "ko": "가운데 중간",
                "nb": "Midt i senter",
                "nl": "Midden centrum",
                "pl": "Do środka, wyśrodkowany",
                "pt-BR": "Meio centro",
                "pt-PT": "Intermédio ao centro",
                "sv": "Mitten centrerat",
                "th": "กึ่งกลาง",
                "tr": "Orta kısmın ortası",
                "vi": "Chính giữa",
                "zh-CN": "中间居中",
                "zh-TW": "正中央"
              },
              "value": "center center"
            },
            {
              "label": {
                "cs": "Uprostřed vpravo",
                "da": "Midt på til højre",
                "de": "Mitte rechts",
                "en": "Middle right",
                "es": "Centrado a la derecha",
                "fi": "Keskellä oikealla",
                "fr": "Au milieu à droite",
                "it": "Nel mezzo a destra",
                "ja": "中央部右側",
                "ko": "오른쪽 중간",
                "nb": "Midt til høyre",
                "nl": "Midden rechts",
                "pl": "Do środka, do prawej",
                "pt-BR": "Meio direito",
                "pt-PT": "Intermédio à direita",
                "sv": "Mitten till höger",
                "th": "ขวากลาง",
                "tr": "Orta sağ",
                "vi": "Ở giữa bên phải",
                "zh-CN": "中间居右",
                "zh-TW": "中央右方"
              },
              "value": "right center"
            },
            {
              "label": {
                "cs": "Dole vlevo",
                "da": "Nederst til venstre",
                "de": "Unten links",
                "en": "Bottom left",
                "es": "Inferior izquierda",
                "fi": "Alhaalla vasemmalla",
                "fr": "En bas à gauche",
                "it": "In basso a sinistra",
                "ja": "左下",
                "ko": "왼쪽 하단",
                "nb": "Nederst til venstre",
                "nl": "Linksonder",
                "pl": "Do dołu, do lewej",
                "pt-BR": "Inferior esquerdo",
                "pt-PT": "Canto inferior esquerdo",
                "sv": "Nere till vänster",
                "th": "ซ้ายล่าง",
                "tr": "Alt sol",
                "vi": "Dưới cùng bên trái",
                "zh-CN": "左下方",
                "zh-TW": "左下角"
              },
              "value": "left bottom"
            },
            {
              "label": {
                "cs": "Dole ve středu",
                "da": "Nederst i midten",
                "de": "Unten mittig",
                "en": "Bottom center",
                "es": "Inferior centrada",
                "fi": "Keskellä alhaalla",
                "fr": "En bas au centre",
                "it": "In basso al centro",
                "ja": "中央下",
                "ko": "맨아래 중간",
                "nb": "Bunnsentrert",
                "nl": "Midden onder",
                "pl": "Do dołu, wyśrodkowany",
                "pt-BR": "Inferior centro",
                "pt-PT": "Inferior centro",
                "sv": "Längst ner i mitten",
                "th": "กลางล่าง",
                "tr": "Alt orta",
                "vi": "Dưới cùng ở giữa",
                "zh-CN": "底部居中",
                "zh-TW": "中央下方"
              },
              "value": "center bottom"
            },
            {
              "label": {
                "cs": "Dole vpravo",
                "da": "Nederst til højre",
                "de": "Unten rechts",
                "en": "Bottom right",
                "es": "Inferior derecha",
                "fi": "Alhaalla oikealla",
                "fr": "En bas à droite",
                "it": "In basso a destra",
                "ja": "右下",
                "ko": "오른쪽 아래",
                "nb": "Nederst til høyre",
                "nl": "Rechtsonder",
                "pl": "Do dołu, do prawej",
                "pt-BR": "Inferior direito",
                "pt-PT": "Canto inferior direito",
                "sv": "Nere till höger",
                "th": "ขวาล่าง",
                "tr": "Alt sağ",
                "vi": "Dưới cùng bên phải",
                "zh-CN": "右下方",
                "zh-TW": "右下角"
              },
              "value": "right bottom"
            }
          ]
        },
        {
          "type": "range",
          "id": "overlay_opacity",
          "label": {
            "cs": "Neprůhlednost překryvu",
            "da": "Overlejringens uigennemsigtighed",
            "de": "Überlagerungsdeckkraft",
            "en": "Overlay opacity",
            "es": "Opacidad superpuesta",
            "fi": "Peittokuvan läpinäkyvyys",
            "fr": "Opacité de la superposition",
            "it": "Opacità della sovrapposizione",
            "ja": "オーバーレイ不透明率",
            "ko": "오버레이 불투명도",
            "nb": "Overleggets gjennomsiktighet",
            "nl": "Ondoorschijnendheid van overlay",
            "pl": "Nieprzezroczystość nakładki",
            "pt-BR": "Opacidade de sobreposição",
            "pt-PT": "Opacidade de sobreposição",
            "sv": "Överlagring av opacitet",
            "th": "ความทึบของการวางซ้อน",
            "tr": "Yer paylaşımı opaklığı",
            "vi": "Độ chắn sáng của lớp phủ",
            "zh-CN": "叠加不透明度",
            "zh-TW": "疊加層不透明度"
          },
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": {
            "cs": "%",
            "da": "%",
            "de": "%",
            "en": "%",
            "es": "%",
            "fi": "%",
            "fr": "%",
            "it": "%",
            "ja": "%",
            "ko": "%",
            "nb": "%",
            "nl": "%",
            "pl": "%",
            "pt-BR": "%",
            "pt-PT": "%",
            "sv": "%",
            "th": "%",
            "tr": "%",
            "vi": "%",
            "zh-CN": "%",
            "zh-TW": "%"
          },
          "default": 30
        },
        {
          "type": "header",
          "content": {
            "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": "文字"
          }
        },
        {
          "type": "color",
          "id": "color_text",
          "label": {
            "cs": "Barva textu",
            "da": "Tekstfarve",
            "de": "Textfarbe",
            "en": "Text color",
            "es": "Color de la fuente",
            "fi": "Tekstin väri",
            "fr": "Couleur du texte",
            "it": "Colore testo",
            "ja": "テキストの配色",
            "ko": "텍스트 색상",
            "nb": "Tekstfarge",
            "nl": "Tekstkleur",
            "pl": "Kolor tekstu",
            "pt-BR": "Cor do texto",
            "pt-PT": "Cor do texto",
            "sv": "Textfärg",
            "th": "สีข้อความ",
            "tr": "Metin rengi",
            "vi": "Màu chữ",
            "zh-CN": "文本颜色",
            "zh-TW": "文字顏色"
          },
          "default": "#ffffff"
        },
        {
          "type": "select",
          "id": "text_alignment",
          "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": "center",
          "options": [
            {
              "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": "left"
            },
            {
              "label": {
                "cs": "Na střed",
                "da": "Centreret",
                "de": "Mitte",
                "en": "Center",
                "es": "Centrar",
                "fi": "Keskitetty",
                "fr": "Centre",
                "it": "Al centro",
                "ja": "中央",
                "ko": "센터",
                "nb": "Sentrer",
                "nl": "Midden",
                "pl": "Do środka",
                "pt-BR": "Centro",
                "pt-PT": "Centro",
                "sv": "Centrera",
                "th": "ตรงกลาง",
                "tr": "Orta",
                "vi": "Ở giữa",
                "zh-CN": "居中",
                "zh-TW": "置中"
              },
              "value": "center"
            },
            {
              "label": {
                "cs": "Doprava",
                "da": "Højre",
                "de": "Rechts",
                "en": "Right",
                "es": "Derecha",
                "fi": "Oikea",
                "fr": "Droite",
                "it": "Destra",
                "ja": "右",
                "ko": "오른쪽",
                "nb": "Høyre",
                "nl": "Rechts",
                "pl": "Do prawej",
                "pt-BR": "Direita",
                "pt-PT": "Direita",
                "sv": "Höger",
                "th": "ด้านขวา",
                "tr": "Sağ",
                "vi": "Bên phải",
                "zh-CN": "右侧",
                "zh-TW": "右方"
              },
              "value": "right"
            }
          ]
        },
        {
          "type": "text",
          "id": "slide_heading",
          "default": "Image slide",
          "label": {
            "cs": "Nadpis",
            "da": "Overskrift",
            "de": "Überschrift",
            "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": "標題"
          }
        },
        {
          "type": "text",
          "id": "button_label",
          "label": {
            "cs": "Text tlačítka",
            "da": "Knaptekst",
            "de": "Schaltflächenbeschriftung",
            "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": "Schaltflächenlink",
            "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": "Prezentace",
        "da": "Diasshow",
        "de": "Slideshow",
        "en": "Slideshow",
        "es": "Diapositivas",
        "fi": "Diaesitys",
        "fr": "Diaporama",
        "it": "Presentazione",
        "ja": "スライドショー",
        "ko": "슬라이드 쇼",
        "nb": "Lysbildefremvisning",
        "nl": "Diavoorstelling",
        "pl": "Pokaz slajdów",
        "pt-BR": "Apresentação de slides",
        "pt-PT": "Apresentação de diapositivos",
        "sv": "Bildspel",
        "th": "สไลด์โชว์",
        "tr": "Slayt gösterisi",
        "vi": "Bản trình chiếu",
        "zh-CN": "幻灯片",
        "zh-TW": "素材輪播"
      },
      "category": {
        "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": "圖片"
      },
      "settings": {
        "slider_home_auto": false,
        "slider_home_rate": 7,
        "slider_home_transition": "slide"
      },
      "blocks": [
        {
          "type": "image"
        },
        {
          "type": "image"
        }
      ]
    }
  ]
}
{% endschema %}

I helped you add option to display 2nd image and mobile.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!