{{ 'section-multicolumn.css' | asset_url | stylesheet_tag }}
{{ 'component-slider.css' | asset_url | stylesheet_tag }}
{{ 'gallery.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

{%- liquid
  assign columns_mobile_int = section.settings.columns_mobile | plus: 0
  assign show_mobile_slider = false

  if section.settings.swipe_on_mobile and section.blocks.size > columns_mobile_int
    assign show_mobile_slider = true
  endif
-%}

<div class="multicolumn color-{{ section.settings.color_scheme }} gradient{% unless section.settings.background_style == 'none' and settings.text_boxes_border_thickness > 0 or settings.text_boxes_shadow_opacity > 0 %} background-{{ section.settings.background_style }}{% endunless %}{% if section.settings.title == blank %} no-heading{% endif %}">
  <div
    class="{% unless section.settings.full_page_content %}page-width {% endunless %}section-{{ section.id }}-padding isolate{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
    {% if settings.animations_reveal_on_scroll %}
    data-cascade
    {% endif %}>
    {%- unless section.settings.title == blank -%}
      <div class="gallery-title-wrapper title-wrapper--self-padded-mobile title-wrapper--no-top-margin multicolumn__title">
        <h2 class="title inline-richtext {{ section.settings.heading_size }}">
          {{ section.settings.title }}
        </h2>
        <div class="rte">
          {{ section.settings.text }}
        </div>

        {%- if section.settings.button_position == 'header' -%}
          {%- if section.settings.button_label != blank or section.settings.button_label_2 != blank -%}
            <div class="buttons center">
              {%- if section.settings.button_label != blank -%}
                <a
                  {% if section.settings.button_link == blank %}
                  role="link"
                  aria-disabled="true"
                  {% else %}
                  href="{{ section.settings.button_link }}"
                  {% endif %}
                  class="button{% if section.settings.button_style_secondary %} button--secondary{% else %} button--primary{% endif %}"
                  {% if section.settings.button_background_color != blank or section.settings.button_text_color != blank %}
                  style="{% if section.settings.button_background_color != blank %}--buttons-primary-background: {{ section.settings.button_background_color }};{% endif %}{% if section.settings.button_text_color != blank %}--buttons-primary-text: {{ section.settings.button_text_color }};{% endif %}"
                  {% endif %}>
                  {{ section.settings.button_label | escape }}
                </a>
              {%- endif -%}
              {%- if section.settings.button_label_2 != blank -%}
                <a
                  {% if section.settings.button_link_2 == blank %}
                  role="link"
                  aria-disabled="true"
                  {% else %}
                  href="{{ section.settings.button_link_2 }}"
                  {% endif %}
                  class="button{% if section.settings.button_style_secondary_2 %} button--secondary{% else %} button--primary{% endif %}"
                  {% if section.settings.button_background_color_2 != blank or section.settings.button_text_color_2 != blank %}
                  style="{% if section.settings.button_background_color_2 != blank %}--buttons-primary-background: {{ section.settings.button_background_color_2 }};{% endif %}{% if section.settings.button_text_color_2 != blank %}--buttons-primary-text: {{ section.settings.button_text_color_2 }};{% endif %}"
                  {% endif %}>
                  {{ section.settings.button_label_2 | escape }}
                </a>
              {%- endif -%}
            </div>
          {%- endif -%}
        {%- endif -%}
      </div>
    {%- endunless -%}

    <slider-component class="slider-mobile-gutter">
      <ul
        class="multicolumn-list contains-content-container grid grid--{{ section.settings.columns_mobile }}-col-tablet-down grid--{{ section.settings.columns_desktop }}-col-desktop{% if show_mobile_slider %} slider slider--tablet grid--peek{% endif %}"
        id="Slider-{{ section.id }}"
        role="list"
        style="--slides_column_gap: {{ section.settings.column_gap | times: 0.1 }}vw; --slided_row_gap: {{ section.settings.row_gap | times: 0.1 }}vw">
        {%- liquid
          assign highest_ratio = 0
          for block in section.blocks
            if block.settings.image.aspect_ratio > highest_ratio
              assign highest_ratio = block.settings.image.aspect_ratio
            endif
          endfor
        -%}

        {%- for block in section.blocks -%}
          {% liquid
            assign block_column_span = block.settings.column_span
            assign ratio = 1
            assign mobile_ratio = 1

            if block.settings.image and section.settings.image_ratio == 'portrait'
              assign ratio = 0.8
            elsif block.settings.image and section.settings.image_ratio == 'square'
              assign ratio = 1
            elsif block.settings.image and section.settings.image_ratio == 'rectangle'
              if block_column_span <= 1
                assign ratio = 1.3
              else
                assign ratio = 1.3 | times: block_column_span
              endif
            elsif block.settings.image and section.settings.image_ratio == 'adapt'
              assign ratio = highest_ratio
            endif

            if ratio == 0 or ratio == null
              assign ratio = 1
            endif

            if block.settings.image and section.settings.mobile_image_ratio == 'portrait'
              assign mobile_ratio = 0.8
            elsif block.settings.image and section.settings.mobile_image_ratio == 'square'
              assign mobile_ratio = 1
            elsif block.settings.image and section.settings.mobile_image_ratio == 'rectangle'
              assign mobile_ratio = 1.3
            elsif block.settings.image and section.settings.mobile_image_ratio == 'adapt'
              assign mobile_ratio = highest_ratio
            endif

            if mobile_ratio == 0 or mobile_ratio == null
              assign mobile_ratio = 1
            endif

            if block_column_span == 2
              assign block_column_span = 2.02
            endif
          %}

          <li
            id="Slide-{{ section.id }}-{{ forloop.index }}"
            class="multicolumn-list__item gallery-list__item grid__item column_span_{{ block.settings.column_span }}{% if section.settings.swipe_on_mobile %} slider__slide{% endif %}{% if block.settings.column_alignment == 'center' %} center{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %} color-{{ block.settings.block_color_scheme }} gradient box-align--{{ block.settings.box_align }}"
            {{ block.shopify_attributes }}
            style="--column-span: {{ block_column_span | default: block.settings.column_span }};">
            {% if block.settings.button_label == blank %}
              <a
                class="full-unstyled-link card-link animate-arrow"
                {% if block.settings.button_link != blank %}
                href="{{ block.settings.button_link }}"
                {% else %}
                role="link"
                aria-disabled="true"
                {% endif %}>
            {% endif %}
            <div class="multicolumn-card content-container">
              {%- if block.settings.image != blank -%}
                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--{{ section.settings.image_width }}-width">
                  <div class="media media--transparent" style="--image-overlay: {{ section.settings.image_overlay_opacity | divided_by: 100.0 | default: 0}}; --aspect-ratio: {{ 1 | divided_by: ratio | times: 100 }}%; --mobile-aspect-ratio: {{ 1 | divided_by: mobile_ratio | times: 100 }}%;">
                    {%- liquid
                      assign number_of_columns = section.settings.columns_desktop
                      assign number_of_columns_mobile = section.settings.columns_mobile
                      assign grid_space_desktop = number_of_columns | minus: 1 | times: settings.spacing_grid_horizontal | plus: 100 | append: 'px'
                      assign grid_space_tablet = number_of_columns_mobile | minus: 1 | times: settings.spacing_grid_horizontal | plus: 100 | append: 'px'
                      assign grid_space_mobile = number_of_columns_mobile | minus: 1 | times: settings.spacing_grid_horizontal | divided_by: 2 | plus: 30 | append: 'px'
                      if section.settings.image_width == 'half'
                        assign image_width = 0.5
                      elsif section.settings.image_width == 'third'
                        assign image_width = 0.33
                      else
                        assign image_width = 1
                      endif
                    -%}
                    {% capture sizes %}
                        (min-width: {{ settings.page_width }}px) calc(({{ settings.page_width }}px - {{ grid_space_desktop }}) * {{ image_width }} /  {{ number_of_columns }}),
                        (min-width: 990px) calc((100vw - {{ grid_space_desktop }}) * {{ image_width }} / {{ number_of_columns }}),
                        (min-width: 750px) calc((100vw - {{ grid_space_tablet }}) * {{ image_width }} / {{ number_of_columns_mobile }}),
                        calc((100vw - {{ grid_space_mobile }}) * {{ image_width }} / {{ number_of_columns_mobile }})
                      {% endcapture %}
                    {%- if block.settings.mobile_image != blank -%}
                      {{
                        block.settings.image | image_url: width: block.settings.image.width | image_tag: widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200', sizes: sizes, class: 'multicolumn-card__image multicolumn-card__image--desktop small-hide'
                      }}
                      {{
                        block.settings.mobile_image | image_url: width: block.settings.mobile_image.width | image_tag: widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200', sizes: sizes, class: 'multicolumn-card__image multicolumn-card__image--mobile medium-hide large-up-hide'
                      }}
                    {%- else -%}
                      {{
                        block.settings.image | image_url: width: block.settings.image.width | image_tag: widths: '50, 75, 100, 150, 200, 300, 400, 500, 750, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3200', sizes: sizes, class: 'multicolumn-card__image'
                      }}
                    {%- endif -%}
                  </div>
                </div>
              {%- endif -%}

              <div class="multicolumn-card__info gallery-card__info{% if block.settings.image != blank %} gallery-card__image-info{% endif %}">
                {%- if block.settings.logo_code != blank or block.settings.logo != blank -%}
                  <div class="gallery-logo-wrapper logo-wrapper{% if block.settings.logo_type == 'code' %} logo-code{% endif %}" style="--logo-width: {% if block.settings.logo_width > 0 %}{{ block.settings.logo_width }}px{% elsif block.settings.logo != blank and block.settings.logo.width %}{{ block.settings.logo.width }}px{% else %}100px{% endif %}">
                    {%- if block.settings.logo_code != blank -%}
                      {{ block.settings.logo_code }}
                    {%- elsif block.settings.logo != blank -%}
                      {{ block.settings.logo | image_url: width: block.settings.logo.width | image_tag }}
                    {%- endif -%}
                  </div>
                {%- endif -%}

                {% if block.settings.subheading != blank %}
                  <p class="product__text{% if block.settings.subheading_style == 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.subheading_style == 'subtitle' %} subtitle{% endif %}" {{ block.shopify_attributes }}>
                    {{- block.settings.subheading -}}
                  </p>
                {% endif %}

                {%- if block.settings.title != blank -%}
                  <h3 class="inline-richtext {{ block.settings.heading_size }}">{{ block.settings.title }}</h3>
                {%- endif -%}

                {%- if block.settings.text != blank -%}
                  <div class="rte">{{ block.settings.text }}</div>
                {%- endif -%}

                {%- if block.settings.button_label != blank -%}
                  <a
                    {% if block.settings.button_link == blank %}
                    role="link"
                    aria-disabled="true"
                    {% else %}
                    href="{{ block.settings.button_link }}"
                    {% endif %}
                    class="button{% if block.settings.button_style_secondary %} button--secondary{% else %} button--primary{% endif %}">
                    {{ block.settings.button_label | escape }}
                  </a>
                {%- endif -%}
              </div>
            </div>
            {% if block.settings.button_label == blank %}
              </a>
            {% endif %}
          </li>
        {%- endfor -%}
      </ul>

      {%- if show_mobile_slider and false -%}
        <div class="slider-buttons large-up-hide hidden">
          <button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="{{ 'general.slider.previous_slide' | t }}">
            <span class="svg-wrapper">{{ 'icon-caret.svg' | inline_asset_content }}</span>
          </button>
          <div class="slider-counter caption">
            <span class="slider-counter--current">1</span>
            <span aria-hidden="true">
              /
            </span>
            <span class="visually-hidden">{{ 'general.slider.of' | t }}</span>
            <span class="slider-counter--total">{{ section.blocks.size }}</span>
          </div>
          <button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="{{ 'general.slider.next_slide' | t }}">
            <span class="svg-wrapper">{{ 'icon-caret.svg' | inline_asset_content }}</span>
          </button>
        </div>
      {%- endif -%}
    </slider-component>

    {%- if section.settings.button_position == 'below' -%}
      {%- if section.settings.button_label != blank or section.settings.button_label_2 != blank -%}
        <div class="buttons center">
          {%- if section.settings.button_label != blank -%}
            <a
              {% if section.settings.button_link == blank %}
              role="link"
              aria-disabled="true"
              {% else %}
              href="{{ section.settings.button_link }}"
              {% endif %}
              class="button{% if section.settings.button_style_secondary %} button--secondary{% else %} button--primary{% endif %}"
              {% if section.settings.button_background_color != blank or section.settings.button_text_color != blank %}
              style="{% if section.settings.button_background_color != blank %}--buttons-primary-background: {{ section.settings.button_background_color }};{% endif %}{% if section.settings.button_text_color != blank %}--buttons-primary-text: {{ section.settings.button_text_color }};{% endif %}"
              {% endif %}>
              {{ section.settings.button_label | escape }}
            </a>
          {%- endif -%}
          {%- if section.settings.button_label_2 != blank -%}
            <a
              {% if section.settings.button_link_2 == blank %}
              role="link"
              aria-disabled="true"
              {% else %}
              href="{{ section.settings.button_link_2 }}"
              {% endif %}
              class="button{% if section.settings.button_style_secondary_2 %} button--secondary{% else %} button--primary{% endif %}"
              {% if section.settings.button_background_color_2 != blank or section.settings.button_text_color_2 != blank %}
              style="{% if section.settings.button_background_color_2 != blank %}--buttons-primary-background: {{ section.settings.button_background_color_2 }};{% endif %}{% if section.settings.button_text_color_2 != blank %}--buttons-primary-text: {{ section.settings.button_text_color_2 }};{% endif %}"
              {% endif %}>
              {{ section.settings.button_label_2 | escape }}
            </a>
          {%- endif -%}
        </div>
      {%- endif -%}
    {%- endif -%}
  </div>
</div>

{% schema %}
  {
    "name": "Gallery",
    "class": "section gallery-section",
    "tag": "section",
    "disabled_on": {
      "groups": ["header", "footer"]
    },
    "settings": [
      {
        "type": "checkbox",
        "id": "full_page_content",
        "label": "Make this content full width?",
        "default": false
      },
      {
        "type": "inline_richtext",
        "id": "title",
        "default": "t:sections.multicolumn.settings.title.default",
        "label": "t:sections.multicolumn.settings.title.label"
      },
      {
        "type": "richtext",
        "id": "text",
        "default": "<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>",
        "label": "t:sections.rich-text.blocks.text.settings.text.label"
      },
      {
        "type": "select",
        "id": "heading_size",
        "options": [
          {
            "value": "h4",
            "label": "t:sections.all.heading_size.options__1.label"
          },
          {
            "value": "h3",
            "label": "t:sections.all.heading_size.options__2.label"
          },
          {
            "value": "h2",
            "label": "t:sections.all.heading_size.options__3.label"
          },
          {
            "value": "h1",
            "label": "t:sections.all.heading_size.options__4.label"
          }
        ],
        "default": "h2",
        "label": "t:sections.all.heading_size.label"
      },
      {
        "type": "header",
        "content": "t:sections.multicolumn.settings.header_image.content"
      },
      {
        "type": "select",
        "id": "image_width",
        "options": [
          {
            "value": "third",
            "label": "t:sections.multicolumn.settings.image_width.options__1.label"
          },
          {
            "value": "half",
            "label": "t:sections.multicolumn.settings.image_width.options__2.label"
          },
          {
            "value": "full",
            "label": "t:sections.multicolumn.settings.image_width.options__3.label"
          }
        ],
        "default": "full",
        "label": "t:sections.multicolumn.settings.image_width.label"
      },
      {
        "type": "select",
        "id": "image_ratio",
        "options": [
          {
            "value": "adapt",
            "label": "t:sections.multicolumn.settings.image_ratio.options__1.label"
          },
          {
            "value": "portrait",
            "label": "t:sections.multicolumn.settings.image_ratio.options__2.label"
          },
          {
            "value": "square",
            "label": "t:sections.multicolumn.settings.image_ratio.options__3.label"
          },
          {
            "value": "rectangle",
            "label": "Rectangle"
          }
        ],
        "default": "adapt",
        "label": "t:sections.multicolumn.settings.image_ratio.label"
      },
      {
        "type": "select",
        "id": "mobile_image_ratio",
        "options": [
          {
            "value": "adapt",
            "label": "t:sections.multicolumn.settings.image_ratio.options__1.label"
          },
          {
            "value": "portrait",
            "label": "t:sections.multicolumn.settings.image_ratio.options__2.label"
          },
          {
            "value": "square",
            "label": "t:sections.multicolumn.settings.image_ratio.options__3.label"
          },
          {
            "value": "rectangle",
            "label": "Rectangle"
          }
        ],
        "default": "square",
        "label": "Mobile Image Ratio"
      },
      {
        "type": "range",
        "id": "image_overlay_opacity",
        "min": 0,
        "max": 100,
        "step": 10,
        "unit": "%",
        "label": "t:sections.slideshow.blocks.slide.settings.image_overlay_opacity.label",
        "default": 0
      },
      {
        "type": "header",
        "content": "t:sections.multicolumn.settings.header_button.content"
      },
      {
        "type": "text",
        "id": "button_label",
        "default": "Button label",
        "label": "t:sections.rich-text.blocks.buttons.settings.button_label_1.label",
        "info": "t:sections.rich-text.blocks.buttons.settings.button_label_1.info"
      },
      {
        "type": "url",
        "id": "button_link",
        "label": "t:sections.rich-text.blocks.buttons.settings.button_link_1.label"
      },
      {
        "type": "checkbox",
        "id": "button_style_secondary",
        "default": false,
        "label": "t:sections.rich-text.blocks.buttons.settings.button_style_secondary_1.label"
      },
      {
        "type": "color",
        "id": "button_background_color",
        "label": "Button 1 Background Color",
        "default": "#0f5028",
        "visible_if": "{{ section.settings.button_style_secondary == false }}"
      },
      {
        "type": "color",
        "id": "button_text_color",
        "label": "Button 1 Text Color",
        "default": "#FFFFFF",
        "visible_if": "{{ section.settings.button_style_secondary == false }}"
      },
      {
        "type": "text",
        "id": "button_label_2",
        "label": "t:sections.rich-text.blocks.buttons.settings.button_label_2.label",
        "info": "t:sections.rich-text.blocks.buttons.settings.button_label_2.info"
      },
      {
        "type": "url",
        "id": "button_link_2",
        "label": "t:sections.rich-text.blocks.buttons.settings.button_link_2.label"
      },
      {
        "type": "checkbox",
        "id": "button_style_secondary_2",
        "default": false,
        "label": "t:sections.rich-text.blocks.buttons.settings.button_style_secondary_2.label"
      },
      {
        "type": "color",
        "id": "button_background_color_2",
        "label": "Button 2 Background Color",
        "default": "#0f5028",
        "visible_if": "{{ section.settings.button_style_secondary_2 == false }}"
      },
      {
        "type": "color",
        "id": "button_text_color_2",
        "label": "Button 2 Text Color",
        "default": "#FFFFFF",
        "visible_if": "{{ section.settings.button_style_secondary_2 == false }}"
      },
      {
        "type": "select",
        "id": "button_position",
        "options": [
          {
            "value": "header",
            "label": "Show in Header"
          },
          {
            "value": "below",
            "label": "Show Below Gallery"
          }
        ],
        "default": "below",
        "label": "Button Position"
      },
      {
        "type": "header",
        "content": "t:sections.multicolumn.settings.header_layout.content"
      },
      {
        "type": "range",
        "id": "columns_desktop",
        "min": 1,
        "max": 6,
        "step": 1,
        "default": 3,
        "label": "t:sections.multicolumn.settings.columns_desktop.label"
      },
      {
        "type": "select",
        "id": "background_style",
        "options": [
          {
            "value": "none",
            "label": "t:sections.multicolumn.settings.background_style.options__1.label"
          },
          {
            "value": "primary",
            "label": "t:sections.multicolumn.settings.background_style.options__2.label"
          }
        ],
        "default": "primary",
        "label": "t:sections.multicolumn.settings.background_style.label"
      },
      {
        "type": "select",
        "id": "color_scheme",
        "options": [
          {
            "value": "accent-1",
            "label": "t:sections.all.colors.accent_1.label"
          },
          {
            "value": "accent-2",
            "label": "t:sections.all.colors.accent_2.label"
          },
          {
            "value": "background-1",
            "label": "t:sections.all.colors.background_1.label"
          },
          {
            "value": "background-2",
            "label": "t:sections.all.colors.background_2.label"
          },
          {
            "value": "inverse",
            "label": "t:sections.all.colors.inverse.label"
          }
        ],
        "default": "background-1",
        "label": "t:sections.all.colors.label"
      },
      {
        "type": "header",
        "content": "t:sections.multicolumn.settings.header_mobile.content"
      },
      {
        "type": "select",
        "id": "columns_mobile",
        "options": [
          {
            "value": "1",
            "label": "t:sections.multicolumn.settings.columns_mobile.options__1.label"
          },
          {
            "value": "2",
            "label": "t:sections.multicolumn.settings.columns_mobile.options__2.label"
          }
        ],
        "default": "1",
        "label": "t:sections.multicolumn.settings.columns_mobile.label"
      },
      {
        "type": "checkbox",
        "id": "swipe_on_mobile",
        "default": false,
        "label": "t:sections.multicolumn.settings.swipe_on_mobile.label"
      },
      {
        "type": "header",
        "content": "t:sections.all.padding.section_padding_heading"
      },
      {
        "type": "range",
        "id": "column_gap",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "vw",
        "label": "Column gap",
        "default": 20
      },
      {
        "type": "range",
        "id": "row_gap",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "vw",
        "label": "Row gap",
        "default": 15
      },
      {
        "type": "range",
        "id": "padding_top",
        "min": 0,
        "max": 100,
        "step": 4,
        "unit": "px",
        "label": "t:sections.all.padding.padding_top",
        "default": 36
      },
      {
        "type": "range",
        "id": "padding_bottom",
        "min": 0,
        "max": 100,
        "step": 4,
        "unit": "px",
        "label": "t:sections.all.padding.padding_bottom",
        "default": 36
      }
    ],
    "blocks": [
      {
        "type": "column",
        "name": "t:sections.multicolumn.blocks.column.name",
        "settings": [
          {
            "type": "image_picker",
            "id": "image",
            "label": "t:sections.multicolumn.blocks.column.settings.image.label"
          },
          {
            "type": "image_picker",
            "id": "mobile_image",
            "label": "Mobile Image"
          },
          {
            "type": "select",
            "id": "logo_type",
            "label": "Logo type",
            "options": [
              {
                "value": "image",
                "label": "Image"
              },
              {
                "value": "code",
                "label": "Code"
              }
            ],
            "default": "image"
          },
          {
            "type": "html",
            "id": "logo_code",
            "label": "Logo code",
            "visible_if": "{{ block.settings.logo_type == 'code' }}"
          },
          {
            "type": "image_picker",
            "id": "logo",
            "label": "Logo",
            "visible_if": "{{ block.settings.logo_type == 'image' }}"
          },
          {
            "type": "number",
            "id": "logo_width",
            "label": "Logo width"
          },
          {
            "type": "header",
            "content": "Subheading"
          },
          {
            "type": "text",
            "id": "subheading",
            "label": "Subheading"
          },
          {
            "type": "select",
            "id": "subheading_style",
            "options": [
              {
                "value": "body",
                "label": "t:sections.featured-product.blocks.text.settings.text_style.options__1.label"
              },
              {
                "value": "subtitle",
                "label": "t:sections.featured-product.blocks.text.settings.text_style.options__2.label"
              },
              {
                "value": "uppercase",
                "label": "t:sections.featured-product.blocks.text.settings.text_style.options__3.label"
              }
            ],
            "default": "body",
            "label": "t:sections.featured-product.blocks.text.settings.text_style.label"
          },
          {
            "type": "header",
            "content": "Heading"
          },
          {
            "type": "inline_richtext",
            "id": "title",
            "default": "t:sections.multicolumn.blocks.column.settings.title.default",
            "label": "t:sections.multicolumn.blocks.column.settings.title.label"
          },
          {
            "type": "select",
            "id": "heading_size",
            "options": [
              {
                "value": "h4",
                "label": "t:sections.all.heading_size.options__1.label"
              },
              {
                "value": "h3",
                "label": "t:sections.all.heading_size.options__2.label"
              },
              {
                "value": "h2",
                "label": "t:sections.all.heading_size.options__3.label"
              },
              {
                "value": "h1",
                "label": "t:sections.all.heading_size.options__4.label"
              }
            ],
            "default": "h3",
            "label": "t:sections.all.heading_size.label"
          },
          {
            "type": "richtext",
            "id": "text",
            "default": "t:sections.multicolumn.blocks.column.settings.text.default",
            "label": "t:sections.multicolumn.blocks.column.settings.text.label"
          },
          {
            "type": "text",
            "id": "button_label",
            "label": "Button label"
          },
          {
            "type": "url",
            "id": "button_link",
            "label": "Button link",
            "info": "If button label not exist. Link will applied to the entire block."
          },
          {
            "type": "checkbox",
            "id": "button_style_secondary",
            "default": false,
            "label": "Button style"
          },
          {
            "type": "select",
            "id": "box_align",
            "options": [
              {
                "value": "top-left",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__1.label"
              },
              {
                "value": "top-center",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__2.label"
              },
              {
                "value": "top-right",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__3.label"
              },
              {
                "value": "middle-left",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__4.label"
              },
              {
                "value": "middle-center",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__5.label"
              },
              {
                "value": "middle-right",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__6.label"
              },
              {
                "value": "bottom-left",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__7.label"
              },
              {
                "value": "bottom-center",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__8.label"
              },
              {
                "value": "bottom-right",
                "label": "t:sections.slideshow.blocks.slide.settings.box_align.options__9.label"
              }
            ],
            "default": "bottom-left",
            "label": "t:sections.slideshow.blocks.slide.settings.box_align.label"
          },
          {
            "type": "select",
            "id": "column_alignment",
            "options": [
              {
                "value": "left",
                "label": "t:sections.multicolumn.settings.column_alignment.options__1.label"
              },
              {
                "value": "center",
                "label": "t:sections.multicolumn.settings.column_alignment.options__2.label"
              }
            ],
            "default": "left",
            "label": "t:sections.multicolumn.settings.column_alignment.label"
          },
          {
            "type": "range",
            "id": "column_span",
            "min": 1,
            "max": 3,
            "step": 1,
            "label": "Column span",
            "default": 1,
            "visible_if": "{{ section.settings.columns_desktop == 3 }}"
          },
          {
            "type": "select",
            "id": "block_color_scheme",
            "options": [
              {
                "value": "accent-1",
                "label": "t:sections.all.colors.accent_1.label"
              },
              {
                "value": "accent-2",
                "label": "t:sections.all.colors.accent_2.label"
              },
              {
                "value": "background-1",
                "label": "t:sections.all.colors.background_1.label"
              },
              {
                "value": "background-2",
                "label": "t:sections.all.colors.background_2.label"
              },
              {
                "value": "inverse",
                "label": "t:sections.all.colors.inverse.label"
              }
            ],
            "default": "accent-2",
            "label": "t:sections.all.colors.label"
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "Gallery",
        "blocks": [
          {
            "type": "column"
          },
          {
            "type": "column"
          },
          {
            "type": "column"
          }
        ]
      }
    ]
  }
{% endschema %}