<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'component-card.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'component-price.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'component-slider.css'"
Line 19:0 Unexpected "{"
... and 298 more hidden warnings

**/
{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-slider.css' | asset_url | stylesheet_tag }}
{{ 'template-collection.css' | asset_url | stylesheet_tag }}
{{ 'solutello-advanced-grid.css' | asset_url | stylesheet_tag }}

{% if section.settings.image_shape == 'blob' %}
  {{ 'mask-blobs.css' | asset_url | stylesheet_tag }}
{%- endif -%}

{%- unless section.settings.quick_add == 'none' -%}
  {{ 'quick-add.css' | asset_url | stylesheet_tag }}
  &lt;script src="{{ 'product-form.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
{%- endunless -%}

{%- if section.settings.quick_add == 'standard' -%}
  &lt;script src="{{ 'quick-add.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
{%- endif -%}

{%- if section.settings.quick_add == 'bulk' -%}
  &lt;script src="{{ 'quick-add-bulk.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
  &lt;script src="{{ 'quantity-popover.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
  &lt;script src="{{ 'price-per-item.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
  &lt;script src="{{ 'quick-order-list.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;
{%- endif -%}

&lt;script src="{{ 'solutello-advanced-grid.js' | asset_url }}" defer="defer"&gt;&lt;/script&gt;

{%- 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 products_to_display = section.settings.collection.all_products_count

  if section.settings.collection.all_products_count &gt; section.settings.products_to_show
    assign products_to_display = section.settings.products_to_show
    assign more_in_collection = true
  endif

  assign columns_mobile_int = section.settings.columns_mobile | plus: 0
  assign show_mobile_slider = false
  if section.settings.swipe_on_mobile and products_to_display &gt; columns_mobile_int
    assign show_mobile_slider = true
  endif

  assign show_desktop_slider = false
  if section.settings.enable_desktop_slider and products_to_display &gt; section.settings.columns_desktop
    assign show_desktop_slider = true
  endif
-%}

&lt;div class="color-{{ section.settings.color_scheme }} isolate gradient"&gt;
  &lt;div class="filter-bar {% if section.settings.sticky_filter_bar %}sticky{% endif %}" style="background-color: {{ section.settings.filter_bar_bg_color }}; border-bottom: 1px solid {{ section.settings.filter_bar_border_color }};"&gt;
    &lt;div class="filter-bar-wrapper" style="padding: {{ section.settings.filter_bar_padding }}px;"&gt;
      {% assign filter_groups = section.blocks | where: 'type', 'filter' %}
      &lt;div class="filter-groups-container" style="display: flex; flex-wrap: wrap; gap: {{ section.settings.filter_group_spacing }}px;"&gt;
        {% for filter in filter_groups %}
          {% assign filter_data = filter.settings %}
          {% if filter_data.filter_type != blank %}
            &lt;div class="filter-group" style="margin-bottom: {{ section.settings.filter_spacing }}px; {% unless filter.settings.show_filter %}display: none;{% endunless %}"&gt;
              &lt;h3 class="filter-title" style="color: {{ section.settings.filter_title_color }}; margin-right: {{ section.settings.filter_title_margin_right }}px; margin-bottom: {{ section.settings.filter_title_margin_bottom }}px; font-size: {{ section.settings.filter_title_font_size }}px;"&gt;{{ filter_data.filter_title }}&lt;/h3&gt;
              &lt;ul class="filter-list" data-filter-type="{{ filter_data.filter_type }}" style="display: flex; flex-wrap: wrap; gap: {{ section.settings.filter_spacing }}px;"&gt;
                {% if filter_data.filter_type == 'collection' %}
                  {% for collection in collections %}
                    &lt;li class="filter-item"&gt;
                      {% if filter_data.collection_filter_type == 'image' %}
                      &lt;a href="{{ collection.url }}" data-filter-type="collection" data-filter-value="{{ collection.handle }}" data-filter-text="{{ collection.title }}"&gt;
                        &lt;img src="{{ collection.image | img_url: filter_data.image_size }}" alt="{{ collection.title }}" style="width: {{ filter_data.image_width }}px; height: {{ filter_data.image_height }}px;"&gt;
                        &lt;span class="filter-label" style="color: {{ filter_data.label_color }};"&gt;{{ collection.title }}&lt;/span&gt;
                      &lt;/a&gt;
                      {% elsif filter_data.collection_filter_type == 'text' %}
                      &lt;a href="{{ collection.url }}" data-filter-type="collection" data-filter-value="{{ collection.handle }}" data-filter-text="{{ collection.title }}" style="color: {{ filter_data.link_color }};"&gt;{{ collection.title }}&lt;/a&gt;
                      {% elsif filter_data.collection_filter_type == 'checkbox' %}
                      &lt;input type="checkbox" id="collection-{{ collection.handle }}-{{ section.id }}" data-filter-type="collection" data-filter-value="{{ collection.handle }}" data-filter-text="{{ collection.title }}"&gt;
                      &lt;label for="collection-{{ collection.handle }}-{{ section.id }}" style="color: {{ filter_data.link_color }};"&gt;{{ collection.title }}&lt;/label&gt;
                      {% endif %}
                    &lt;/li&gt;
                  {% endfor %}
                {% elsif filter_data.filter_type == 'tag' %}
                  {% for tag in collection.all_tags %}
                    {% if tag contains filter_data.tag_prefix %}
                      {% assign value = tag | remove: filter_data.tag_prefix %}
                      &lt;li class="filter-item"&gt;
                        {% if filter_data.tag_filter_type == 'image' %}
                        &lt;a href="#" data-filter-type="tag" data-filter-value="{{ tag }}" data-filter-text="{{ value }}"&gt;
                          &lt;img src="{{ value | prepend: filter_data.tag_prefix | append: '.png' | file_img_url: filter_data.image_size }}" alt="{{ value }}" style="width: {{ filter_data.image_width }}px; height: {{ filter_data.image_height }}px;"&gt;
                          &lt;span class="filter-label" style="color: {{ filter_data.label_color }};"&gt;{{ value }}&lt;/span&gt;
                        &lt;/a&gt;
                        {% elsif filter_data.tag_filter_type == 'text' %}
                        &lt;a href="#" data-filter-type="tag" data-filter-value="{{ tag }}" data-filter-text="{{ value }}" style="color: {{ filter_data.link_color }};"&gt;{{ value }}&lt;/a&gt;
                        {% elsif filter_data.tag_filter_type == 'checkbox' %}
                        &lt;input type="checkbox" id="tag-{{ tag | handleize }}-{{ section.id }}" data-filter-type="tag" data-filter-value="{{ tag }}" data-filter-text="{{ value }}"&gt;
                        &lt;label for="tag-{{ tag | handleize }}-{{ section.id }}" style="color: {{ filter_data.link_color }};"&gt;{{ value }}&lt;/label&gt;
                        {% endif %}
                      &lt;/li&gt;
                    {% endif %}
                  {% endfor %}
                {% elsif filter_data.filter_type == 'variant' %}
                  {% for option in product.options_with_values %}
                    {% if option.name == filter_data.variant_option_name %}
                      {% for value in option.values %}
                        &lt;li class="filter-item"&gt;
                          {% if filter_data.variant_filter_type == 'image' %}
                          &lt;a href="#" data-filter-type="variant" data-filter-value="{{ value }}" data-filter-option-name="{{ filter_data.variant_option_name }}" data-filter-text="{{ value }}"&gt;
                            &lt;img src="{{ value | handleize | prepend: filter_data.variant_option_name | append: '.png' | file_img_url: filter_data.image_size }}" alt="{{ value }}" style="width: {{ filter_data.image_width }}px; height: {{ filter_data.image_height }}px;"&gt;
                            &lt;span class="filter-label" style="color: {{ filter_data.label_color }};"&gt;{{ value }}&lt;/span&gt;
                          &lt;/a&gt;
                          {% elsif filter_data.variant_filter_type == 'text' %}
                          &lt;a href="#" data-filter-type="variant" data-filter-value="{{ value }}" data-filter-option-name="{{ filter_data.variant_option_name }}" data-filter-text="{{ value }}" style="color: {{ filter_data.link_color }};"&gt;{{ value }}&lt;/a&gt;
                          {% elsif filter_data.variant_filter_type == 'checkbox' %}
                          &lt;input type="checkbox" id="variant-{{ value | handleize }}-{{ section.id }}" data-filter-type="variant" data-filter-value="{{ value }}" data-filter-option-name="{{ filter_data.variant_option_name }}" data-filter-text="{{ value }}"&gt;
                          &lt;label for="variant-{{ value | handleize }}-{{ section.id }}" style="color: {{ filter_data.link_color }};"&gt;{{ value }}&lt;/label&gt;
                          {% endif %}
                        &lt;/li&gt;
                      {% endfor %}
                    {% endif %}
                  {% endfor %}
                {% elsif filter_data.filter_type == 'metafield' %}
                  {% assign metafield_namespace, metafield_key = filter_data.metafield_key | split: '.' %}
                  {% for product in collection.products %}
                    {% assign metafield_value = product.metafields[metafield_namespace][metafield_key] %}
                    {% unless metafield_values contains metafield_value %}
                      {% assign metafield_values = metafield_values | append: metafield_value | uniq %}
                      &lt;li class="filter-item"&gt;
                        {% if filter_data.metafield_filter_type == 'image' %}
                        &lt;a href="#" data-filter-type="metafield" data-filter-value="{{ metafield_value }}" data-filter-metafield-key="{{ filter_data.metafield_key }}" data-filter-text="{{ metafield_value }}"&gt;
                          &lt;img src="{{ metafield_value | handleize | append: '.png' | file_img_url: filter_data.image_size }}" alt="{{ metafield_value }}" style="width: {{ filter_data.image_width }}px; height: {{ filter_data.image_height }}px;"&gt;
                          &lt;span class="filter-label" style="color: {{ filter_data.label_color }};"&gt;{{ metafield_value }}&lt;/span&gt;
                        &lt;/a&gt;
                        {% elsif filter_data.metafield_filter_type == 'text' %}
                        &lt;a href="#" data-filter-type="metafield" data-filter-value="{{ metafield_value }}" data-filter-metafield-key="{{ filter_data.metafield_key }}" data-filter-text="{{ metafield_value }}" style="color: {{ filter_data.link_color }};"&gt;{{ metafield_value }}&lt;/a&gt;
                        {% elsif filter_data.metafield_filter_type == 'checkbox' %}
                        &lt;input type="checkbox" id="metafield-{{ metafield_value | handleize }}-{{ section.id }}" data-filter-type="metafield" data-filter-value="{{ metafield_value }}" data-filter-metafield-key="{{ filter_data.metafield_key }}" data-filter-text="{{ metafield_value }}"&gt;
                        &lt;label for="metafield-{{ metafield_value | handleize }}-{{ section.id }}" style="color: {{ filter_data.link_color }};"&gt;{{ metafield_value }}&lt;/label&gt;
                        {% endif %}
                      &lt;/li&gt;
                    {% endunless %}
                  {% endfor %}
                {% endif %}
              &lt;/ul&gt;
            &lt;/div&gt;
          {% endif %}
        {% endfor %}
      &lt;/div&gt;

      &lt;button class="clear-filters" type="button" style="background-color: transparent; border: none; padding: 0; margin: 0; cursor: pointer; color: {{ section.settings.clear_filters_color }}; font-size: {{ section.settings.clear_filters_font_size }}px; text-decoration: underline;"&gt;
        {{ section.settings.clear_filters_text }}
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div
    class="collection{% if section.settings.quick_add == 'bulk' %} collection-quick-add-bulk{% endif %} section-{{ section.id }}-padding{% if section.settings.full_width %} collection--full-width{% endif %}"
    id="collection-{{ section.id }}"
    data-id="{{ section.id }}"
  &gt;
    &lt;div class="collection__title title-wrapper title-wrapper--no-top-margin page-width{% if show_mobile_slider %} title-wrapper--self-padded-tablet-down{% endif %}{% if show_desktop_slider %} collection__title--desktop-slider{% endif %}"&gt;
      {%- if section.settings.title != blank -%}
        &lt;h2 class="title inline-richtext {{ section.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"&gt;
          {{ section.settings.title }}
        &lt;/h2&gt;
      {%- endif -%}
      {%- if section.settings.description != blank
        or section.settings.show_description
        and section.settings.collection.description != empty
      -%}
        &lt;div class="collection__description {{ section.settings.description_style }} rte{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"&gt;
          {%- if section.settings.show_description -%}
            {{ section.settings.collection.description }}
          {%- else -%}
            {{ section.settings.description -}}
          {%- endif %}
        &lt;/div&gt;
      {%- endif -%}
    &lt;/div&gt;

    &lt;slider-component class="slider-mobile-gutter{% if section.settings.full_width %} slider-component-full-width{% endif %}{% if show_mobile_slider == false %} page-width{% endif %}{% if show_desktop_slider == false and section.settings.full_width == false %} page-width-desktop{% endif %}{% if show_desktop_slider %} slider-component-desktop{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"&gt;
      &lt;ul
        id="Slider-{{ section.id }}"
        data-id="{{ section.id }}"
        class="grid product-grid contains-card contains-card--product{% if settings.card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_desktop }}-col-desktop{% if section.settings.collection == blank %} grid--2-col-tablet-down{% else %} grid--{{ section.settings.columns_mobile-col-tablet-down{% endif %}{% if show_mobile_slider or show_desktop_slider %} slider{% if show_desktop_slider %} slider--desktop{% endif %}{% if show_mobile_slider %} slider--tablet grid--peek{% endif %}{% endif %}"
        role="list"
        aria-label="{{ 'general.slider.name' | t }}"
      &gt;
        {% assign skip_card_product_styles = false %}
        {%- if section.settings.display_all_products -%}
          {% assign products_to_show_collection = collections.all %}
        {%- else -%}
          {% assign products_to_show_collection = section.settings.collection %}
        {%- endif -%}

        {%- for product in products_to_show_collection.products limit: section.settings.products_to_show -%}
          {% assign product_tags = product.tags | join: ',' %}
          {% assign product_collections = product.collections | map: 'handle' | join: ',' %}
          {% assign product_variants = product.variants | json | escape %}
          {% assign product_metafields = product.metafields | json | escape %}
          &lt;li
            id="Slide-{{ section.id }}-{{ forloop.index }}"
            class="grid__item{% if show_mobile_slider or show_desktop_slider %} slider__slide{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
            data-collections="{{ product_collections }}"
            data-tags="{{ product_tags }}"
            data-variants="{{ product_variants }}"
            data-metafields="{{ product_metafields }}"
            {% if settings.animations_reveal_on_scroll %}
              data-cascade
              style="--animation-order: {{ forloop.index }};"
            {% endif %}
          &gt;
            {% render 'card-product',
              card_product: product,
              media_aspect_ratio: section.settings.image_ratio,
              image_shape: section.settings.image_shape,
              show_secondary_image: section.settings.show_secondary_image,
              show_vendor: section.settings.show_vendor,
              show_rating: section.settings.show_rating,
              skip_styles: skip_card_product_styles,
              section_id: section.id,
              quick_add: section.settings.quick_add
            %}
          &lt;/li&gt;
          {%- assign skip_card_product_styles = true -%}
        {%- else -%}
          {%- for i in (1..section.settings.columns_desktop) -%}
            &lt;li
              class="grid__item{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
              {% if settings.animations_reveal_on_scroll %}
                data-cascade
                style="--animation-order: {{ forloop.index }};"
              {% endif %}
            &gt;
              {% liquid
                assign ridx = forloop.rindex
                case ridx
                  when 5
                    assign ridx = 1
                  when 6
                    assign ridx = 2
                endcase
              %}
              {%- assign placeholder_image = 'product-apparel-' | append: ridx -%}
              {% render 'card-product',
                show_vendor: section.settings.show_vendor,
                media_aspect_ratio: section.settings.image_ratio,
                image_shape: section.settings.image_shape,
                placeholder_image: placeholder_image
              %}
            &lt;/li&gt;
          {%- endfor -%}
        {%- endfor -%}
      &lt;/ul&gt;
      {%- if show_mobile_slider or show_desktop_slider -%}
        &lt;div class="slider-buttons"&gt;
          &lt;button
            type="button"
            class="slider-button slider-button--prev"
            name="previous"
            aria-label="{{ 'general.slider.previous_slide' | t }}"
            aria-controls="Slider-{{ section.id }}"
          &gt;
            &lt;span class="svg-wrapper"&gt;
              {{- 'icon-caret.svg' | inline_asset_content -}}
            &lt;/span&gt;
          &lt;/button&gt;
          &lt;div class="slider-counter caption"&gt;
            &lt;span class="slider-counter--current"&gt;1&lt;/span&gt;
            &lt;span aria-hidden="true"&gt; / &lt;/span&gt;
            &lt;span class="visually-hidden"&gt;{{ 'general.slider.of' | t }}&lt;/span&gt;
            &lt;span class="slider-counter--total"&gt;{{ products_to_display }}&lt;/span&gt;
          &lt;/div&gt;
          &lt;button
            type="button"
            class="slider-button slider-button--next"
            name="next"
            aria-label="{{ 'general.slider.next_slide' | t }}"
            aria-controls="Slider-{{ section.id }}"
          &gt;
            &lt;span class="svg-wrapper"&gt;
              {{- 'icon-caret.svg' | inline_asset_content -}}
            &lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      {%- endif -%}
    &lt;/slider-component&gt;

    {%- if section.settings.show_view_all and more_in_collection -%}
      &lt;div class="center collection__view-all{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"&gt;
        &lt;a
          href="{{ section.settings.collection.url }}"
          class="{% if section.settings.view_all_style == 'link' %}link underlined-link{% elsif section.settings.view_all_style == 'solid' %}button{% else %}button button--secondary{% endif %}"
          aria-label="{{ 'sections.featured_collection.view_all_label' | t: collection_name: section.settings.collection.title | escape }}"
        &gt;
          {{ 'sections.featured_collection.view_all' | t }}
        &lt;/a&gt;
      &lt;/div&gt;
    {%- endif -%}
    {% if section.settings.image_shape == 'arch' %}
      {{ 'mask-arch.svg' | inline_asset_content }}
    {%- endif -%}
  &lt;/div&gt;
&lt;/div&gt;

{% schema %}
{
  "name": "Featured Collection with Filters",
  "tag": "section",
  "class": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "header",
      "content": "Product Collection Settings"
    },
    {
      "type": "collection",
      "id": "collection",
      "label": "t:sections.featured-collection.settings.collection.label"
    },
    {
      "type": "checkbox",
      "id": "display_all_products",
      "label": "Display All Products",
      "default": true,
      "info": "If checked, all products will be displayed. Overrides 'Collection to Display' setting."
    },
    {
      "type": "inline_richtext",
      "id": "title",
      "default": "t:sections.featured-collection.settings.title.default",
      "label": "t:sections.featured-collection.settings.title.label"
    },
    {
      "type": "select",
      "id": "heading_size",
      "options": [
        {
          "value": "h2",
          "label": "t:sections.all.heading_size.options__1.label"
        },
        {
          "value": "h1",
          "label": "t:sections.all.heading_size.options__2.label"
        },
        {
          "value": "h0",
          "label": "t:sections.all.heading_size.options__3.label"
        },
        {
          "value": "hxl",
          "label": "t:sections.all.heading_size.options__4.label"
        },
        {
          "value": "hxxl",
          "label": "t:sections.all.heading_size.options__5.label"
        }
      ],
      "default": "h1",
      "label": "t:sections.all.heading_size.label"
    },
    {
      "type": "richtext",
      "id": "description",
      "label": "t:sections.featured-collection.settings.description.label"
    },
    {
      "type": "checkbox",
      "id": "show_description",
      "label": "t:sections.featured-collection.settings.show_description.label",
      "default": false
    },
    {
      "type": "select",
      "id": "description_style",
      "label": "t:sections.featured-collection.settings.description_style.label",
      "options": [
        {
          "value": "body",
          "label": "t:sections.featured-collection.settings.description_style.options__1.label"
        },
        {
          "value": "subtitle",
          "label": "t:sections.featured-collection.settings.description_style.options__2.label"
        },
        {
          "value": "uppercase",
          "label": "t:sections.featured-collection.settings.description_style.options__3.label"
        }
      ],
      "default": "body"
    },
    {
      "type": "range",
      "id": "products_to_show",
      "min": 2,
      "max": 25,
      "step": 1,
      "default": 4,
      "label": "t:sections.featured-collection.settings.products_to_show.label"
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "min": 1,
      "max": 6,
      "step": 1,
      "default": 4,
      "label": "t:sections.featured-collection.settings.columns_desktop.label"
    },
    {
      "type": "checkbox",
      "id": "full_width",
      "label": "t:sections.featured-collection.settings.full_width.label",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_view_all",
      "default": true,
      "label": "t:sections.featured-collection.settings.show_view_all.label"
    },
    {
      "type": "select",
      "id": "view_all_style",
      "label": "t:sections.featured-collection.settings.view_all_style.label",
      "options": [
        {
          "value": "link",
          "label": "t:sections.featured-collection.settings.view_all_style.options__1.label"
        },
        {
          "value": "outline",
          "label": "t:sections.featured-collection.settings.view_all_style.options__2.label"
        },
        {
          "value": "solid",
          "label": "t:sections.featured-collection.settings.view_all_style.options__3.label"
        }
      ],
      "default": "solid"
    },
    {
      "type": "checkbox",
      "id": "enable_desktop_slider",
      "label": "t:sections.featured-collection.settings.enable_desktop_slider.label",
      "default": false
    },
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "info": "t:sections.all.colors.has_cards_info",
      "default": "scheme-1"
    },
    {
      "type": "header",
      "content": "t:sections.featured-collection.settings.header.content"
    },
    {
      "type": "select",
      "id": "image_ratio",
      "options": [
        {
          "value": "adapt",
          "label": "t:sections.featured-collection.settings.image_ratio.options__1.label"
        },
        {
          "value": "portrait",
          "label": "t:sections.featured-collection.settings.image_ratio.options__2.label"
        },
        {
          "value": "square",
          "label": "t:sections.featured-collection.settings.image_ratio.options__3.label"
        }
      ],
      "default": "adapt",
      "label": "t:sections.featured-collection.settings.image_ratio.label"
    },
    {
      "type": "select",
      "id": "image_shape",
      "options": [
        {
          "value": "default",
          "label": "t:sections.all.image_shape.options__1.label"
        },
        {
          "value": "arch",
          "label": "t:sections.all.image_shape.options__2.label"
        },
        {
          "value": "blob",
          "label": "t:sections.all.image_shape.options__3.label"
        },
        {
          "value": "chevronleft",
          "label": "t:sections.all.image_shape.options__4.label"
        },
        {
          "value": "chevronright",
          "label": "t:sections.all.image_shape.options__5.label"
        },
        {
          "value": "diamond",
          "label": "t:sections.all.image_shape.options__6.label"
        },
        {
          "value": "parallelogram",
          "label": "t:sections.all.image_shape.options__7.label"
        },
        {
          "value": "round",
          "label": "t:sections.all.image_shape.options__8.label"
        }
      ],
      "default": "default",
      "label": "t:sections.all.image_shape.label",
      "info": "t:sections.all.image_shape.info"
    },
    {
      "type": "checkbox",
      "id": "show_secondary_image",
      "default": false,
      "label": "t:sections.featured-collection.settings.show_secondary_image.label"
    },
    {
      "type": "checkbox",
      "id": "show_vendor",
      "default": false,
      "label": "t:sections.featured-collection.settings.show_vendor.label"
    },
    {
      "type": "checkbox",
      "id": "show_rating",
      "default": false,
      "label": "t:sections.featured-collection.settings.show_rating.label",
      "info": "t:sections.featured-collection.settings.show_rating.info"
    },
    {
      "type": "select",
      "id": "quick_add",
      "default": "none",
      "label": "t:sections.main-collection-product-grid.settings.quick_add.label",
      "info": "t:sections.main-collection-product-grid.settings.quick_add.info",
      "options": [
        {
          "value": "none",
          "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_1"
        },
        {
          "value": "standard",
          "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_2"
        },
        {
          "value": "bulk",
          "label": "t:sections.main-collection-product-grid.settings.quick_add.options.option_3"
        }
      ]
    },
    {
      "type": "header",
      "content": "t:sections.featured-collection.settings.header_mobile.content"
    },
    {
      "type": "select",
      "id": "columns_mobile",
      "default": "2",
      "label": "t:sections.featured-collection.settings.columns_mobile.label",
      "options": [
        {
          "value": "1",
          "label": "t:sections.featured-collection.settings.columns_mobile.options__1.label"
        },
        {
          "value": "2",
          "label": "t:sections.featured-collection.settings.columns_mobile.options__2.label"
        }
      ]
    },
    {
      "type": "checkbox",
      "id": "swipe_on_mobile",
      "default": false,
      "label": "t:sections.featured-collection.settings.swipe_on_mobile.label"
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "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
    },
    {
      "type": "header",
      "content": "Filter Bar Settings"
    },
    {
      "type": "checkbox",
      "id": "sticky_filter_bar",
      "label": "Enable Sticky Filter Bar",
      "default": true
    },
    {
      "type": "color",
      "id": "filter_bar_bg_color",
      "label": "Background Color",
      "default": "#f8f8f8"
    },
    {
      "type": "color",
      "id": "filter_bar_border_color",
      "label": "Border Color",
      "default": "#ddd"
    },
    {
        "type": "range",
        "id": "filter_bar_padding",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Padding",
        "default": 10
    },
    {
      "type": "color",
      "id": "filter_title_color",
      "label": "Filter Title Color",
      "default": "#333"
    },
    {
        "type": "range",
        "id": "filter_title_margin_right",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Filter Title Margin Right",
        "default": 10
    },
    {
        "type": "range",
        "id": "filter_title_margin_bottom",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "px",
        "label": "Filter Title Margin Bottom",
        "default": 4
    },
    {
      "type": "range",
      "id": "filter_title_font_size",
      "label": "Filter Title Font Size",
      "min": 10,
      "max": 24,
      "step": 1,
      "unit": "px",
      "default": 16
    },
    {
        "type": "range",
        "id": "filter_group_spacing",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Spacing between filter groups",
        "default": 20
      },
    {
        "type": "range",
        "id": "filter_spacing",
        "min": 0,
        "max": 50,
        "step": 1,
        "unit": "px",
        "label": "Spacing between filters",
        "default": 10
      },
    {
      "type": "header",
      "content": "Clear Filters Button"
    },
    {
      "type": "text",
      "id": "clear_filters_text",
      "label": "Button Text",
      "default": "Clear Filters"
    },
    {
      "type": "color",
      "id": "clear_filters_color",
      "label": "Button Color",
      "default": "#333"
    },
    {
      "type": "range",
      "id": "clear_filters_font_size",
      "label": "Button Font Size",
      "min": 10,
      "max": 24,
      "step": 1,
      "unit": "px",
      "default": 14
    }
  ],
  "blocks": [
    {
      "type": "filter",
      "name": "Filter",
      "limit": 5,
      "settings": [
        {
            "type": "checkbox",
            "id": "show_filter",
            "label": "Show this filter",
            "default": true
        },
        {
          "type": "select",
          "id": "filter_type",
          "label": "Filter Type",
          "options": [
            { "value": "collection", "label": "Collection" },
            { "value": "tag", "label": "Tag" },
            { "value": "variant", "label": "Variant" },
            { "value": "metafield", "label": "Metafield" }
          ],
          "default": "collection"
        },
        {
          "type": "text",
          "id": "filter_title",
          "label": "Filter Title",
          "default": "Filter"
        },
        {
          "type": "header",
          "content": "Collection Filter Settings"
        },
        {
          "type": "select",
          "id": "collection_filter_type",
          "label": "Collection Filter Type",
          "options": [
            { "value": "text", "label": "Text" },
            { "value": "image", "label": "Image" },
            { "value": "checkbox", "label": "Checkbox" }
          ],
          "default": "text",
          "info": "Applies only if 'Filter Type' is 'Collection'"
        },
        {
          "type": "header",
          "content": "Tag Filter Settings"
        },
        {
          "type": "text",
          "id": "tag_prefix",
          "label": "Tag Prefix",
          "default": "size_",
          "info": "Applies only if 'Filter Type' is 'Tag'"
        },
        {
          "type": "select",
          "id": "tag_filter_type",
          "label": "Tag Filter Type",
          "options": [
            { "value": "text", "label": "Text" },
            { "value": "image", "label": "Image" },
            { "value": "checkbox", "label": "Checkbox" }
          ],
          "default": "text",
          "info": "Applies only if 'Filter Type' is 'Tag'"
        },
        {
          "type": "header",
          "content": "Variant Filter Settings"
        },
        {
          "type": "text",
          "id": "variant_option_name",
          "label": "Variant Option Name",
          "default": "Size",
          "info": "Applies only if 'Filter Type' is 'Variant'"
        },
        {
          "type": "select",
          "id": "variant_filter_type",
          "label": "Variant Filter Type",
          "options": [
            { "value": "text", "label": "Text" },
            { "value": "image", "label": "Image" },
            { "value": "checkbox", "label": "Checkbox" }
          ],
          "default": "text",
          "info": "Applies only if 'Filter Type' is 'Variant'"
        },
        {
          "type": "header",
          "content": "Metafield Filter Settings"
        },
        {
          "type": "text",
          "id": "metafield_key",
          "label": "Metafield Key",
          "default": "namespace.key",
          "info": "Applies only if 'Filter Type' is 'Metafield'"
        },
        {
          "type": "select",
          "id": "metafield_filter_type",
          "label": "Metafield Filter Type",
          "options": [
            { "value": "text", "label": "Text" },
            { "value": "image", "label": "Image" },
            { "value": "checkbox", "label": "Checkbox" }
          ],
          "default": "text",
          "info": "Applies only if 'Filter Type' is 'Metafield'"
        },
        {
          "type": "header",
          "content": "Image Filter Settings"
        },
        {
          "type": "text",
          "id": "image_size",
          "label": "Image Size",
          "default": "50x50",
          "info": "Format: widthxheight (e.g., 100x100). Applies only if filter type is 'Image'"
        },
        {
          "type": "range",
          "id": "image_width",
          "min": 30,
          "max": 300,
          "step": 5,
          "unit": "px",
          "label": "Image Width",
          "default": 50
        },
        {
          "type": "range",
          "id": "image_height",
          "min": 30,
          "max": 300,
          "step": 5,
          "unit": "px",
          "label": "Image Height",
          "default": 50
        },
        {
          "type": "header",
          "content": "Text Filter Settings"
        },
        {
          "type": "color",
          "id": "label_color",
          "label": "Label Color",
          "default": "#333"
        },
        {
          "type": "color",
          "id": "link_color",
          "label": "Link Color",
          "default": "#333"
        },
        {
          "type": "color",
          "id": "link_hover_color",
          "label": "Link Hover Color",
          "default": "#007bff"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Featured Collection with Filters",
      "category": "Collection"
    }
  ]
}
{% endschema %}</pre></body></html>