/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:0 Unexpected "{"
Line 18:2 Expected identifier but found "\"name\""
Line 62:0 Unexpected "{"
Line 62:1 Expected identifier but found "%"
Line 64:0 Unexpected "<"
Line 65:42 Unexpected "{"
Line 65:51 Expected ":"
Line 65:71 Unexpected "<"
... and 30 more hidden warnings

**/
{% schema %}
{
  "name": "Collection Showcase",
  "tag": "section",
  "class": "m-collection-list m-collection-list--grid",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Shop Our Collections"
    },
    {
      "type": "textarea",
      "id": "subtext",
      "label": "Subheading",
      "default": "Discover our most popular categories."
    },
    {
      "type": "checkbox",
      "id": "enable_slider",
      "label": "Enable slider",
      "default": true
    }
  ],
  "blocks": [
    {
      "type": "collection",
      "name": "Collection",
      "settings": [
        {
          "type": "collection",
          "id": "collection",
          "label": "Select collection"
        }
      ]
    }
  ],
  "max_blocks": 12,
  "presets": [
    {
      "name": "Collection Showcase",
      "category": "Collections"
    }
  ]
}
{% endschema %}

<div class="m-section__header">
  <h2 class="m-collection-banner__title">{{ section.settings.heading }}</h2>
  {% if section.settings.subtext != blank %}
    <p class="m-collection-banner__description">{{ section.settings.subtext }}</p>
  {% endif %}
</div>

<div class="m-collection-list__wrapper"
  data-enable-slider="{{ section.settings.enable_slider }}"
  data-show-controls="true"
  data-mobile-disable-slider="false"
  data-mobile-hide-controls="false">

  <div class="m-collection-list__content {% if section.settings.enable_slider %}swiper-container{% endif %}">
    <div class="m-collection-list__inner {% if section.settings.enable_slider %}swiper-wrapper{% endif %}">
      {% for block in section.blocks %}
        {% assign collection = collections[block.settings.collection] %}
        {% if collection %}
        <div class="collection-card__wrapper {% if section.settings.enable_slider %}swiper-slide{% endif %}">
          <a href="{{ collection.url }}" class="collection-card">
            {% if collection.image %}
              <img 
                src="{{ collection.image | image_url: width: 600 }}" 
                alt="{{ collection.title | escape }}" 
                loading="lazy">
            {% else %}
              <div class="collection-card__placeholder" style="background:#eee;height:200px;"></div>
            {% endif %}
            <span class="m-collection-banner__collection-name">{{ collection.title }}</span>
          </a>
        </div>
        {% endif %}
      {% endfor %}
    </div>
  </div>

  {% if section.settings.enable_slider %}
  <div class="m-collection-list__controls">
    <div class="swiper-pagination"></div>
    <div class="m-slider-controls">
      <button class="m-slider-controls__button prev" aria-label="Previous">&#10094;</button>
      <button class="m-slider-controls__button next" aria-label="Next">&#10095;</button>
    </div>
  </div>
  {% endif %}
</div>