Boutique Shopify parfums & mode
développée avec Liquid
et l'IA

{%- comment -%} Section fiche parfum custom {%- endcomment -%}
{%- assign product = section.settings.product -%}

{%- for variant in product.variants -%}
  <button
    data-variant-id="{{ variant.id }}"
    data-price="{{ variant.price | money }}"
    class="variant-btn
      {%- if variant.available == false %}
        variant-btn--sold {%- endif -%}"
  >
    {{ variant.title }}
  </button>
{%- endfor -%}

{%- comment -%} Produits complémentaires {%- endcomment -%}
{%- assign related_tag =
  product.tags | first -%}

{%- for p in
  collections.all.products -%}
  {%- if p.tags contains related_tag
    and p.id != product.id
    and forloop.index <= 4
  -%}
    <div class="reco-card">
      {{ p.featured_image | img_url: '300x' | img_tag }}
    </div>
  {%- endif -%}
{%- endfor -%}

{%- comment -%} Filtres sans rechargement {%- endcomment -%}
{%- for filter in
  collection.filters -%}

  <div class="filter-group"
    data-type="{{ filter.type }}">

  {%- for value in filter.values -%}
    <label class="filter-val
      {%- if value.active %} is-active{%- endif -%}">
      <input type="checkbox"
        name="{{ value.param_name }}"
        value="{{ value.value }}"
        {%- if value.active %}
          checked
        {%- endif -%}>
      {{ value.label }}
      <span class="count">
        ({{ value.count }})
      </span>
    </label>
  {%- endfor -%}
  </div>
{%- endfor -%}

{% schema %}
{
  "name": "Parfum Hero",
  "settings": [
    {
      "type": "product",
      "id": "product",
      "label": "Produit vedette"
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Couleur fond",
      "default": "#0d0d14"
    },
    {
      "type": "checkbox",
      "id": "show_reco",
      "label": "Afficher les reco",
      "default": true
    }
  ]
}
{% endschema %}