{{ 'section-slideshow.aio.min.css' | asset_url | stylesheet_tag }}

{%- liquid
  assign section_id = '#section-' | append: section.id
  assign slider_id = '#slider-' | append: section.id
  assign slider_id_2 = '#slider-2-' | append: section.id
  assign controls_id = '#controls-' | append: section.id
  assign slideshow_height = section.settings.slideshow_height
  assign disable_lazyload = section.settings.disable_lazyload
  assign right_sidebar = section.settings.right_sidebar
  assign items_resp = '1'
  assign gallery_blocks = section.blocks | where: 'type', 'block-item'
  assign limit = gallery_blocks.size
-%}

<div class="section-slideshow{% if right_sidebar != 'none' %} sidebar-{{ right_sidebar }}{% endif %}" id="section-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="featured-blog">
  <div
    class="{% if template == 'index' or template contains 'page' %}{{ section.settings.section_layout }}{% endif %}
    {{ slideshow_height }}"
  >
    <div class="section-wrapper push-layout-{{ section.settings.push_layout_right }}">

      <div class="section-body{% if right_sidebar == 'banner' %} style-{{ section.settings.three_banner_style }}{% endif %}">
        <div class="bc-slideshow-wrapper">
          <div class="bc-slideshow">
            <slider-component id="slideshow-media-main">
              <div class="slider-container js-slider-container">
                <div class="slider-wrapper">
                  <div class="slider-list" id="slider-{{ section.id }}">
                    {%- for block in section.blocks -%}

                      {%- case block.type -%}
                        {%- when 'block-item' -%}
                          {%- liquid
                            assign image = block.settings.image
                            if block.settings.image_mobile == blank
                              assign image_mobile = block.settings.image
                            else
                              assign image_mobile = block.settings.image_mobile
                            endif
                          -%}

                          {%- capture block_id -%}.slide-{{ block.id }}{%- endcapture -%}

                          <div class="slider-item slide-{{ block.id }} position-{{ block.settings.text_position }} mobile-position-{{ block.settings.text_position_mobile }}">
                            <a href="{{ block.settings.link | default: 'javascript:void(0)' }}" class="slide-bg" aria-label="Slideshow image">
                              {%- if forloop.first -%}
                                {%- if image == blank and image_mobile == blank -%}
                                  {%- render 'image-style', image: image, class: 'image-desktop', placeholder_type: 'hero' -%}
                                {%- else -%}
                                  {%- render 'image-style', image: image, class: 'image-desktop', preload: true, preloadType: 'desktop', dislazy: disable_lazyload -%}
                                  {%- render 'image-style', image: image_mobile, class: 'image-mobile', preload: true, preloadType: 'mobile', dislazy: disable_lazyload -%}
                                {%- endif -%}
                              {%- else -%}
                                {%- if image == blank and image_mobile == blank -%}
                                  {%- render 'image-style', image: image, class: 'image-desktop', placeholder_type: 'hero' -%}
                                {%- else -%}
                                  {%- render 'image-style', image: image, class: 'image-desktop' -%}
                                  {%- render 'image-style', image: image_mobile, class: 'image-mobile' -%}
                                {%- endif -%}
                              {%- endif -%}
                            </a>

                            <div class="slide-content text-{{ block.settings.text_alignment }}{% if block.settings.hide_content_mobile %} hide-mobile{% endif %}">
                              <div class="slide-content-wrapper">
                                <div class="slide-content-inner">
                                  {%- if block.settings.heading != blank -%}
                                    <span class="image-gallery_title content-text-1">{{ block.settings.heading }}</span>
                                  {%- endif -%}
                                  {%- if block.settings.subtext != blank -%}
                                    <span class="image-gallery_subtext content-text-2">{{ block.settings.subtext }}</span>
                                  {%- endif -%}
                                  {%- if block.settings.subtext_2 != blank -%}
                                    <span class="image-gallery_subtext_2 content-text-3">{{ block.settings.subtext_2 }}</span>
                                  {%- endif -%}
                                  {%- if block.settings.button_label != blank -%}
                                    <a href="{{ block.settings.link | default: 'javascript:void(0)' }}" class="btn btn-1 btn-slideshow btn-slide content-button">
                                      {{ block.settings.button_label }}
                                    </a>
                                  {%- endif -%}
                                </div>
                                
                                {%- unless block.settings.text_bg_color == blank or block.settings.text_bg_color == 'rgba(0,0,0,0)' -%}
                                  {%- style -%}
                                    .slide-{{ block.id }} .slide-content-inner{
                                      width: 540px;
                                      padding: 19px 45px 24px 45px;
                                      background: {{ block.settings.text_bg_color }};
                                      border-radius: 19px;
                                    }
                                    @media (max-width: 767px) {
                                      .slide-{{ block.id }} .slide-content-inner{
                                        max-width: 80%;
                                        padding: 20px;
                                      }
                                    }
                                  {%- endstyle -%}
                                {%- endunless -%}
                              </div>

                              {%- if block.settings.image_layout != blank -%}
                                <div class="image-layer-box">
                                  <div class="image-layer-slide">
                                    <a href="{{ block.settings.link | default: 'javascript:void(0)' }}" aria-label="Image layout">
                                      {%- if forloop.first -%}
                                        {%- render 'image-style', image: block.settings.image_layout, limit: 768, preload: true, dislazy: disable_lazyload -%}
                                      {%- else -%}
                                        {%- render 'image-style', image: block.settings.image_layout, limit: 768 -%}
                                      {%- endif -%}
                                    </a>
                                  </div>
                                </div>
                              {%- endif -%}
                            </div>

                            {%- for block in section.blocks offset: forloop.index -%}
                              {%- if block.type == 'block-item' -%}{%- break -%}{%- endif -%}
                                {%- assign  block_type = block.type | remove: 'style_' -%}
                                {%- capture block_css -%}
                                  {%- render 'snippet-slideshow-style', type: block_type, sectionID: section_id, block: block, blockID: block_id -%}
                                {%- endcapture -%}
                                {%- unless block_css == blank -%}
                                  <style{{ block.shopify_attributes }}>{{ block_css }}</style>
                                {%- endunless -%}
                            {%- endfor -%}
                          </div>

                        {%- else -%}
                      {%- endcase -%}

                    {%- endfor -%}
                  </div>

                  {%- render 'set-tns-config'
                    slider_id: slider_id,
                    classID: section_id,
                    loop: section.settings.loop,
                    dots: section.settings.dots,
                    controls: section.settings.controls,
                    controls_id: controls_id,
                    customControls: true,
                    autoplay: section.settings.autoplay,
                    autoplay_timeout: section.settings.autoplay_timeout,
                    items_resp: items_resp,
                    total_item: limit
                  -%}

                </div>
              </div>
            </slider-component>
          </div>

          {%- for block in section.blocks -%}
            {%- if block.type == 'category' -%}
              <div class="block-categories">
                {%- for i in (1..5) -%}
                  {%- assign heading_ind = 'heading_' | append: i -%}
                  {%- assign collection_ind = 'collection_' | append: i -%}
                  {%- assign collection = collections[block.settings[collection_ind]] -%} 

                  {% unless block.settings[collection_ind] == blank %}
                    <div class="collection-card">
                      <div class="collection-card_image">
                        <a href="{{ collection.url }}">
                          {%- render 'image-style', image: collection.image -%}
                        </a>
                      </div>
                      <div class="collection-card_title text-center">
                        <a href="{{ collection.url }}">{%- if block.settings[heading_ind] == 'blank' -%}{{ collection.title }}{%- else -%}{{ block.settings[heading_ind] }}{%- endif -%}</a>
                      </div>
                    </div>
                  {% endunless %}
                {%- endfor -%} 
              </div>
            {%- break -%}
            {%- endif -%}
          {%- endfor -%}
        </div>

        {%- if right_sidebar != 'none' -%}
          {%- if right_sidebar == 'product' -%}
            <div class="bc-three-products">
              <slider-component id="slideshow-three-products">
                <div class="slider-container js-slider-container">
                  <div class="slider-wrapper">
                    <div class="slider-list" id="slider-2-{{ section.id }}">
                      {%- assign number = 0 -%}
                      {%- for i in (1..3) -%} 
                        {%- assign product_ind = 'product_' | append: i -%}
                        {%- assign product_index = section.settings[product_ind] -%}

                        {%- unless product_index == blank -%}
                          {%- assign number = number | plus: 1 -%}
                          {%- assign product = all_products[product_index] -%}
                          <div class="slider-item">
                            {%- render 'product-item', product: product -%}
                          </div>
                        {%- endunless -%}
                      {%- endfor -%}
                    </div>

                    {%- capture controls_id -%}#controls-three-products{%- endcapture -%}

                    {%- render 'set-tns-config'
                      slider_id  : slider_id_2,
                      loop: true,
                      dots: false,
                      controls: true,
                      controls_id: controls_id,
                      autoplay: false,
                      items_resp: 1,
                      total_item: number
                    -%}

                  </div>
                </div>
              </slider-component>
            </div>
    
          {%- else -%}
            {%- if right_sidebar == 'banner' -%}
              {%- assign number_i = 3 -%}
            {%- else -%}
              {%- assign number_i = 2 -%}
            {%- endif -%}
            
            <div class="bc-three-banner style-{{ section.settings.three_banner_style }}">
              {%- for i in (1..number_i) -%}
                {%- assign three_image = 'three_image_' | append: i -%}

                {% unless section.settings[three_image] == blank %}
                  {%- assign three_text = 'three_text_' | append: i -%}
                  {%- assign three_button = 'three_button_' | append: i -%}
                  {%- assign three_link = 'three_link_' | append: i -%}

                  <div class="bc-item">
                    <div class="bc-item-inner" style="background: {{ section.settings.three_image_bg_color }};">
                      <div class="bc-item-left">
                        <a href="{{ section.settings[three_link] }}">
                          {%- render 'image-style', image: section.settings[three_image], limit: 150 -%}
                        </a>
                      </div>

                      <div class="bc-item-body">
                        {% unless section.settings[three_text] == blank %}
                          <div class="bc-item-text"><a href="{{ section.settings[three_link] }}">{{ section.settings[three_text] }}</a></div>
                        {% endunless %}
                        {% unless section.settings[three_button] == blank %}
                          <a class="bc-item-btn" href="{{ section.settings[three_link] }}">
                            <span>{{ section.settings[three_button] }}</span>
                            <span class="btn-icon">{%- render 'svg', type: 'angle-right' -%}</span>
                          </a>
                        {% endunless %}
                      </div>
                    </div>
                  </div>
                  
                {% endunless %}
              {%- endfor -%}
            </div>
            
          {%- endif -%}
        {%- endif -%}
      </div>
      
    </div>
  </div>
</div>

<script>
  window.theme = window.theme || {};
  if(!!window.theme.sectionRegister){
    !window.theme.sectionRegister.includes("featured-blog") && (window.theme.sectionRegister = [...window.theme.sectionRegister, "featured-blog"]);
  }else{
    window.theme.sectionRegister = ["featured-blog"];
  }
</script>

<script>
  window.theme = window.theme || {};
  if(!!window.theme.customElementsList){
    !window.theme.customElementsList.includes("slider-component") && (window.theme.customElementsList = [...window.theme.customElementsList, "slider-component"]);
  }else{
    window.theme.customElementsList = ["slider-component"];
  }
</script>

{%- capture section_css -%}
  {%- render 'snippet-theme', type: 'section-style', preClassID: section_id, config: section.settings -%}
  {%- if slideshow_height == 'fix-height' -%}
    @media (min-width: 768px) {
      .section-slideshow#section-{{ section.id }} .bc-slideshow{
        height: {{ section.settings.manually_height }}px;
      }
    }
  {%- endif -%}
  .section-slideshow#section-{{ section.id }} .bc-slideshow .slider-wrapper .tns-nav{
    bottom: {{ section.settings.dots_position }}%;
  }
{%- endcapture -%}

{%- style -%}{{ section_css | strip | strip_newlines | remove: '  ' }}{%- endstyle -%}

{%- schema -%}
{
  "name": "t:sections.slideshow.name",
  "tag": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "select",
      "id": "section_layout",
      "label": "t:settings_schema.global.settings.layout_mode.label",
      "default": "container",
      "options": [
        {
          "value": "container",
          "label": "t:settings_schema.global.settings.layout_mode.options__1.label"
        },
        {
          "value": "layout-wide",
          "label": "t:settings_schema.global.settings.layout_mode.options__2.label"
        }
      ]
    },
    {
      "type": "select",
      "id": "right_sidebar",
      "label": "t:sections.common.right_sidebar",
      "default": "none",
      "options": [
        { "value": "banner", "label": "t:sections.common.image" },
        { "value": "overlay", "label": "t:sections.slideshow.settings.image_overlay_slideshow" },
        { "value": "product", "label": "t:sections.common.product" },
        { "value": "none", "label": "t:sections.common.none" }
      ] 
    },
    {
      "type": "text",
      "id": "margin",
      "label": "t:sections.common.section_margin",
      "info": "t:sections.common.order_info"
    },
    {
      "type": "text",
      "id": "padding",
      "label": "t:sections.common.section_padding",
      "info": "t:sections.common.order_info"
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "t:sections.common.background_color"
    },
    {
      "type": "select",
      "id": "slideshow_height",
      "label": "t:sections.slideshow.settings.slideshow_height",
      "default": "auto-height",
      "options": [
        { "value": "auto-height", "label": "t:sections.common.auto" },
        { "value": "full-height", "label": "t:sections.slideshow.settings.full_screen" },
        { "value": "fix-height", "label": "t:sections.slideshow.settings.manually" }
      ]
    },
    {
      "type":"range",
      "id":"manually_height",
      "label":"t:sections.slideshow.settings.manually_height",
      "min": 300,
      "max": 700,
      "step": 5,
      "unit":"px",
      "default": 425
    }, 
    {
      "type":"checkbox",
      "id":"disable_lazyload",
      "label":"t:sections.slideshow.settings.disable_lazyload",
      "default": false
    },
    {
      "type":"checkbox",
      "id":"push_layout_right",
      "label":"t:sections.slideshow.settings.push_layout_to_right" 
    }, 
    {
      "type": "header",
      "content": "t:sections.common.slider_settings"
    },
    {
      "type": "checkbox",
      "id": "loop",
      "label": "t:sections.common.loop",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "controls",
      "label": "t:sections.common.controls",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "dots",
      "label": "t:sections.common.dots",
      "default": true
    },
    {
      "type": "range",
      "id": "dots_position",
      "label": "t:sections.slideshow.settings.dots_position",
      "min": -15,
      "max": 50,
      "step": 1,
      "unit": "%",
      "default": 4
    },
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "t:sections.common.autoplay",
      "default": false
    },
    {
      "type": "range",
      "id": "autoplay_timeout",
      "label": "t:sections.common.autoplay_timeout",
      "step": 0.1,
      "min": 2,
      "max": 10,
      "unit": "s",
      "default": 4
    }, 
    {
      "type": "header",
      "content": "t:sections.slideshow.settings.three_image_style"
    },
    {
      "type": "select",
      "id": "three_banner_style",
      "label": "t:sections.common.style",
      "default": "1",
      "options": [
        { "value": "1", "label": "t:sections.common.style_1" },
        { "value": "2", "label": "t:sections.common.style_2" }
      ]
    }, 
    {
      "type": "color",
      "id": "three_image_bg_color",
      "label": "t:sections.common.background_color",
      "default": "#ffffff"
    },
    {
      "type": "header",
      "content": "t:sections.common.block_image"
    },
    {
      "type": "image_picker",
      "id": "three_image_1",
      "label": "t:sections.common.image"
    },
    {
      "type": "textarea",
      "id": "three_text_1",
      "label": "t:sections.common.textbox"
    },
    {
      "type": "text",
      "id": "three_button_1",
      "label": "t:sections.common.button_label",
      "default": "Shop now"
    },
    {
      "type": "url",
      "id": "three_link_1",
      "label": "t:sections.common.button_link"
    },
    {
      "type": "header",
      "content": "t:sections.common.block_image"
    },
    {
      "type": "image_picker",
      "id": "three_image_2",
      "label": "t:sections.common.image"
    },
    {
      "type": "textarea",
      "id": "three_text_2",
      "label": "t:sections.common.textbox"
    },
    {
      "type": "text",
      "id": "three_button_2",
      "label": "t:sections.common.button_label",
      "default": "Shop now"
    },
    {
      "type": "url",
      "id": "three_link_2",
      "label": "t:sections.common.button_link"
    },
    {
      "type": "header",
      "content": "t:sections.common.block_image"
    },
    {
      "type": "image_picker",
      "id": "three_image_3",
      "label": "t:sections.common.image"
    },
    {
      "type": "textarea",
      "id": "three_text_3",
      "label": "t:sections.common.textbox"
    },
    {
      "type": "text",
      "id": "three_button_3",
      "label": "t:sections.common.button_label",
      "default": "Shop now"
    },
    {
      "type": "url",
      "id": "three_link_3",
      "label": "t:sections.common.button_link"
    },
    {
      "type": "header",
      "content": "t:sections.common.block_product"
    },
    {
      "type": "product",
      "id": "product_1",
      "label": "t:sections.common.product"
    },
    {
      "type": "product",
      "id": "product_2",
      "label": "t:sections.common.product"
    },
    {
      "type": "product",
      "id": "product_3",
      "label": "t:sections.common.product"
    }
  ],
  "blocks": [
    {
      "type": "block-item",
      "name": "t:sections.slideshow.blocks.slide.name",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:sections.common.image_desktop"
        },
        {
          "type": "image_picker",
          "id": "image_mobile",
          "label": "t:sections.common.image_mobile"
        },
        {
          "type": "image_picker",
          "id": "image_layout",
          "label": "t:sections.common.sub_image",
          "info": "Only for desktop"
        },
        {
          "type": "header",
          "content": "t:sections.common.textbox"
        },
        {
          "type": "color",
          "id": "text_bg_color",
          "label": "t:sections.common.background_color"
        },
        {
          "type": "select",
          "id": "text_position",
          "label": "t:sections.slideshow.blocks.slide.box_align.label",
          "options": [
            {
              "value": "top-left",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__1.label"
            },
            {
              "value": "top-center",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__2.label"
            },
            {
              "value": "top-right",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__3.label"
            },
            {
              "value": "middle-left",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__4.label"
            },
            {
              "value": "middle-center",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__5.label"
            },
            {
              "value": "middle-right",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__6.label"
            },
            {
              "value": "bottom-left",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__7.label"
            },
            {
              "value": "bottom-center",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__8.label"
            },
            {
              "value": "bottom-right",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__9.label"
            },
            {
              "value": "bottom-right-2",
              "label": "t:sections.slideshow.blocks.slide.box_align.options__10.label"
            }
          ],
          "default": "middle-center"
        },
        {
          "type": "checkbox",
          "id": "hide_content_mobile",
          "label": "t:sections.slideshow.blocks.slide.hide_content_mobile.label"
        },
        {
          "type": "select",
          "id": "text_position_mobile",
          "label": "t:sections.slideshow.blocks.slide.mobile_box_align.label",
          "options": [
            {
              "value": "top",
              "label": "t:sections.slideshow.blocks.slide.mobile_box_align.options__1.label"
            },
            {
              "value": "middle",
              "label": "t:sections.slideshow.blocks.slide.mobile_box_align.options__2.label"
            },
            {
              "value": "bottom",
              "label": "t:sections.slideshow.blocks.slide.mobile_box_align.options__3.label"
            }
          ],
          "default": "middle"
        },
        {
          "type": "select",
          "id": "text_alignment",
          "label": "t:sections.common.alignment",
          "options": [
            {
              "value": "start",
              "label": "t:sections.common.left"
            },
            {
              "value": "center",
              "label": "t:sections.common.center"
            },
            {
              "value": "end",
              "label": "t:sections.common.right"
            }
          ],
          "default": "center"
        },
        {
          "type": "richtext",
          "id": "heading",
          "label": "t:sections.common.heading",
          "default": "<h2>Image slide</h2>"
        },
        {
          "type": "richtext",
          "id": "subtext",
          "label": "t:sections.common.subtext"
        },
        {
          "type": "richtext",
          "id": "subtext_2",
          "label": "t:sections.common.subtext_2"
        },
        {
          "type": "text",
          "id": "button_label",
          "label": "t:sections.common.button_label",
          "default": "Button label"
        },
        {
          "type": "url",
          "id": "link",
          "label": "t:sections.common.link"
        }
      ]
    },
    {
     "type": "style_paragraph",
     "name": "t:sections.slideshow.blocks.paragraph.name",
     "settings": [
        {
           "type": "text",
           "id": "title",
           "label": "t:sections.common.block_label"
        },
        {
           "type":"paragraph",
           "content":"[What mean of comma?](https:\/\/support.arenacommerce.com\/a\/solutions\/articles\/6000243911)"
        },
        {
           "type": "header",
           "content": "t:sections.common.heading"
        },
        {
           "type": "text",
           "id": "text_fs_1",
           "label": "t:sections.common.font_size",
           "info": "E.g: 24px"
        },
        {
           "type": "color",
           "id": "text_cl_1",
           "label": "t:sections.common.text_color"
        },
        {
           "type": "header",
           "content": "t:sections.common.subtext"
        },
        {
           "type": "text",
           "id": "text_fs_2",
           "label": "t:sections.common.font_size",
           "info": "E.g: 24px"
        },
        {
           "type": "color",
           "id": "text_cl_2",
           "label": "t:sections.common.text_color"
        },
        {
           "type": "header",
           "content": "t:sections.common.subtext_2"
        },
        {
           "type": "color",
           "id": "text_cl_3",
           "label": "t:sections.common.text_color"
        }
     ]
    },
    {
       "type": "style_button",
       "name": "t:sections.slideshow.blocks.button.name",
       "settings": [
          {
             "type": "text",
             "id": "title",
             "label": "t:sections.common.block_label"
          },
          {
             "type":"paragraph",
             "content":"[What mean of comma?](https:\/\/support.arenacommerce.com\/a\/solutions\/articles\/6000243911)"
          },
          {
             "type": "text",
             "id": "btn_fs",
             "label": "t:sections.common.font_size",
             "info": "E.g: 24px"
          },
          {
             "type": "color",
             "id": "btn_cl",
             "label": "t:sections.common.text_color"
          },
          {
             "type": "color",
             "id": "btn_bg_cl",
             "label": "t:sections.common.background"
          },
          {
             "type": "color",
             "id": "btn_border_cl",
             "label": "t:sections.common.border"
          },
          {
             "type": "color",
             "id": "btn_hover_cl",
             "label": "Hover: Text color"
          },
          {
             "type": "color",
             "id": "btn_hover_bg_cl",
             "label": "Hover: Background"
          },
          {
             "type": "color",
             "id": "btn_hover_border_cl",
             "label": "Hover: Border"
          },
          {
             "type": "range",
             "id": "btn_fw",
             "label": "t:sections.common.font_weight_auto",
             "min": 0,
             "max": 900,
             "step": 100,
             "default": 0
          },
          {
             "type": "text",
             "id": "btn_padding",
             "label": "t:sections.common.padding",
             "info": "Order: Top Right Bottom Left. E.g: 5px 8px 5px 8px"
          },
          {
             "type": "text",
             "id": "btn_radius",
             "label": "t:sections.slideshow.blocks.button.settings.corner_radius.label",
             "info": "E.g: 8px 8px 8px 8px"
          }
       ]
    },
    {
     "type": "style_image_layout",
     "name": "t:sections.slideshow.blocks.sub_image.name",
     "settings": [
        {
           "type": "text",
           "id": "title",
           "label": "t:sections.common.block_label"
        },
        {
           "type":"paragraph",
           "content":"[What mean of comma?](https:\/\/support.arenacommerce.com\/a\/solutions\/articles\/6000243911)"
        },
        {
           "type": "text",
           "id": "position",
           "label": "t:sections.common.position",
           "info": "Left(%):Top(%). E.g: 50%:50%"
        },
        {
           "type": "text",
           "id": "image_max_w",
           "label": "t:sections.common.width",
           "default": "520px",
           "info": "E.g: 520px"
        }
      ]
    },
    {
     "type": "category",
     "name": "t:sections.slideshow.blocks.categories.name",
     "settings": [
        {
           "type": "text",
           "id": "title",
           "label": "t:sections.common.block_label"
        },
        {
           "type": "header",
           "content": "t:sections.common.block_item"
        },
        {
           "type": "text",
           "id": "heading_1",
           "label": "t:sections.common.heading"
        },
        {
           "type": "collection",
           "id": "collection_1",
           "label": "t:sections.common.collection"
        },
        {
           "type": "header",
           "content": "t:sections.common.block_item"
        },
        {
           "type": "text",
           "id": "heading_2",
           "label": "t:sections.common.heading"
        },
        {
           "type": "collection",
           "id": "collection_2",
           "label": "t:sections.common.collection"
        },
        {
           "type": "header",
           "content": "t:sections.common.block_item"
        },
        {
           "type": "text",
           "id": "heading_3",
           "label": "t:sections.common.heading"
        },
        {
           "type": "collection",
           "id": "collection_3",
           "label": "t:sections.common.collection"
        },
        {
           "type": "header",
           "content": "t:sections.common.block_item"
        },
        {
           "type": "text",
           "id": "heading_4",
           "label": "t:sections.common.heading"
        },
        {
           "type": "collection",
           "id": "collection_4",
           "label": "t:sections.common.collection"
        },
        {
           "type": "header",
           "content": "t:sections.common.block_item"
        },
        {
           "type": "text",
           "id": "heading_5",
           "label": "t:sections.common.heading"
        },
        {
           "type": "collection",
           "id": "collection_5",
           "label": "t:sections.common.collection"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "t:sections.slideshow.name",
      "blocks": [
        {
          "type": "block-item"
        },
        {
          "type": "block-item"
        }
      ]
    }
  ]
}
{%- endschema -%}