easyorders 0.1.13 → 0.1.15

package/dist/template/theme/sections/list-products.liquid

@@ -1,93 +1,93 @@
-<section class="ab-plist">
-  <div class="ab-plist-header">
-    {% if section_title %}
-      <h2 class="ab-plist-title ab-reveal">{{ section_title }}</h2>
-    {% endif %}
-    <div class="ab-plist-actions">
-      {% if category.slug %}
-        <a href="/collections/{{ category.slug }}" class="ab-plist-viewall-btn">{{ shop_now }}</a>
-      {% endif %}
-      <div class="ab-plist-arrows">
-        <button class="ab-plist-arrow ab-plist-prev" aria-label="Previous">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
-        </button>
-        <button class="ab-plist-arrow ab-plist-next" aria-label="Next">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 6 15 12 9 18"/></svg>
-        </button>
-      </div>
-    </div>
-  </div>
-
-  <div class="ab-plist-track">
-    {% for product in products %}
-      {% assign color_variation = product.variations | where: "type", "color" | first %}
-      {% assign image_variation = product.variations | where: "type", "image" | first %}
-
-      <a href="/products/{{ product.slug }}" class="ab-plist-card ab-reveal" style="animation-delay: {{ forloop.index | times: 0.04 }}s">
-        {% if product.sale_price and product.sale_price < product.price %}
-          {% assign discount = product.price | minus: product.sale_price | times: 100 | divided_by: product.price | floor %}
-          <span class="ab-plist-badge ab-sale-badge">{{ sale }} -{{ discount }}%</span>
-        {% endif %}
-
-        <div class="ab-plist-media">
-          <img class="ab-plist-img-primary" src="{{ product.thumb }}" alt="{{ product.name }}" loading="lazy" />
-          {% if product.images[0] %}
-            <img class="ab-plist-img-hover" src="{{ product.images[0] }}" alt="{{ product.name }}" loading="lazy" />
-          {% endif %}
-          {% comment %} Wishlist & Compare action buttons — dispatch custom events caught by the storefront JS layer
-          <div class="ab-card-actions">
-            <button
-              class="ab-wishlist-btn"
-              type="button"
-              aria-label="Add to wishlist"
-              onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('toggle-wishlist',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
-            >
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
-            </button>
-            <button
-              class="ab-compare-btn"
-              type="button"
-              aria-label="Compare"
-              onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('toggle-compare',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
-            >
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 3 21 8 16 13"/><line x1="21" y1="8" x2="9" y2="8"/><polyline points="8 21 3 16 8 11"/><line x1="3" y1="16" x2="15" y2="16"/></svg>
-            </button>
-          </div>
-          {% endcomment %}
-          <button
-            class="ab-plist-add-btn"
-            type="button"
-            aria-label="Add to cart"
-            onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('quick-add',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
-          ></button>
-        </div>
-
-        <div class="ab-plist-info">
-          <p class="ab-plist-name">{{ product.name }}</p>
-          <div class="ab-plist-price-row">
-            {% if product.sale_price and product.sale_price < product.price %}
-              <span class="ab-price-old">{{ product.price }} {{ currency }}</span>
-              <span class="ab-plist-price ab-price-sale">{{ product.sale_price }} {{ currency }}</span>
-            {% else %}
-              <span class="ab-plist-price">{{ product.price }} {{ currency }}</span>
-            {% endif %}
-          </div>
-
-          <div class="ab-plist-swatches">
-            {% if color_variation and color_variation.props %}
-              {% for prop in color_variation.props limit: 4 %}
-                <span class="ab-plist-swatch" style="background: {{ prop.value }}" title="{{ prop.name }}"></span>
-              {% endfor %}
-            {% elsif image_variation and image_variation.props %}
-              {% for prop in image_variation.props limit: 4 %}
-                <span class="ab-plist-swatch ab-plist-swatch-image" title="{{ prop.name }}">
-                  <img src="{{ prop.value }}" alt="{{ prop.name }}" loading="lazy" />
-                </span>
-              {% endfor %}
-            {% endif %}
-          </div>
-        </div>
-      </a>
-    {% endfor %}
-  </div>
-</section>
+<section class="ab-plist">
+  <div class="ab-plist-header">
+    {% if section_title %}
+      <h2 class="ab-plist-title ab-reveal">{{ section_title }}</h2>
+    {% endif %}
+    <div class="ab-plist-actions">
+      {% if category.slug %}
+        <a href="/collections/{{ category.slug }}" class="ab-plist-viewall-btn">{{ shop_now }}</a>
+      {% endif %}
+      <div class="ab-plist-arrows">
+        <button class="ab-plist-arrow ab-plist-prev" aria-label="Previous">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
+        </button>
+        <button class="ab-plist-arrow ab-plist-next" aria-label="Next">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 6 15 12 9 18"/></svg>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <div class="ab-plist-track">
+    {% for product in products %}
+      {% assign color_variation = product.variations | where: "type", "color" | first %}
+      {% assign image_variation = product.variations | where: "type", "image" | first %}
+
+      <a href="/products/{{ product.slug }}" class="ab-plist-card ab-reveal" style="animation-delay: {{ forloop.index | times: 0.04 }}s">
+        {% if product.sale_price and product.sale_price < product.price %}
+          {% assign discount = product.price | minus: product.sale_price | times: 100 | divided_by: product.price | floor %}
+          <span class="ab-plist-badge ab-sale-badge">{{ sale }} -{{ discount }}%</span>
+        {% endif %}
+
+        <div class="ab-plist-media">
+          <img class="ab-plist-img-primary" src="{{ product.thumb }}" alt="{{ product.name }}" loading="lazy" />
+          {% if product.images[0] %}
+            <img class="ab-plist-img-hover" src="{{ product.images[0] }}" alt="{{ product.name }}" loading="lazy" />
+          {% endif %}
+          {% comment %} Wishlist & Compare action buttons — dispatch custom events caught by the storefront JS layer
+          <div class="ab-card-actions">
+            <button
+              class="ab-wishlist-btn"
+              type="button"
+              aria-label="Add to wishlist"
+              onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('toggle-wishlist',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
+            >
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
+            </button>
+            <button
+              class="ab-compare-btn"
+              type="button"
+              aria-label="Compare"
+              onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('toggle-compare',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
+            >
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 3 21 8 16 13"/><line x1="21" y1="8" x2="9" y2="8"/><polyline points="8 21 3 16 8 11"/><line x1="3" y1="16" x2="15" y2="16"/></svg>
+            </button>
+          </div>
+          {% endcomment %}
+          <button
+            class="ab-plist-add-btn"
+            type="button"
+            aria-label="Add to cart"
+            onclick="event.preventDefault();event.stopPropagation();this.dispatchEvent(new CustomEvent('quick-add',{bubbles:true,detail:{productId:'{{ product.id }}'}}));"
+          ></button>
+        </div>
+
+        <div class="ab-plist-info">
+          <p class="ab-plist-name">{{ product.name }}</p>
+          <div class="ab-plist-price-row">
+            {% if product.sale_price and product.sale_price < product.price %}
+              <span class="ab-price-old">{{ product.price }} {{ currency }}</span>
+              <span class="ab-plist-price ab-price-sale">{{ product.sale_price }} {{ currency }}</span>
+            {% else %}
+              <span class="ab-plist-price">{{ product.price }} {{ currency }}</span>
+            {% endif %}
+          </div>
+
+          <div class="ab-plist-swatches">
+            {% if color_variation and color_variation.props %}
+              {% for prop in color_variation.props limit: 4 %}
+                <span class="ab-plist-swatch" style="background: {{ prop.value }}" title="{{ prop.name }}"></span>
+              {% endfor %}
+            {% elsif image_variation and image_variation.props %}
+              {% for prop in image_variation.props limit: 4 %}
+                <span class="ab-plist-swatch ab-plist-swatch-image" title="{{ prop.name }}">
+                  <img src="{{ prop.value }}" alt="{{ prop.name }}" loading="lazy" />
+                </span>
+              {% endfor %}
+            {% endif %}
+          </div>
+        </div>
+      </a>
+    {% endfor %}
+  </div>
+</section>

package/dist/template/theme/sections/order-invoice.liquid

@@ -1,154 +1,154 @@
-<div class="ab-invoice">
-  <div class="ab-invoice-header">
-    {% if logo and logo != "" %}
-      <img class="ab-invoice-logo" src="{{ logo }}" alt="{{ store_name }}" />
-    {% endif %}
-    <button
-      class="ab-invoice-track-btn"
-      type="button"
-      title="{{ tracking_link }}"
-      onclick="this.dispatchEvent(new CustomEvent('copy-tracking-link',{bubbles:true,detail:{link:'{{ tracking_link }}'}}));"
-    >{{ t_copy_tracking_link }}</button>
-  </div>
-
-  <div class="ab-invoice-body">
-    <div class="ab-invoice-sidebar">
-      {% if has_contact %}
-        <address class="ab-invoice-store-info">
-          <h3 class="ab-invoice-store-name">{{ store_name }}</h3>
-          <span class="ab-invoice-contact-row">
-            {% if contact_phone and contact_phone != "" %}
-              <a href="tel:{{ contact_phone }}">
-                <span class="ab-invoice-contact-label">{{ t_phone }}:</span> {{ contact_phone }}
-              </a>
-            {% endif %}
-            {% if contact_email and contact_email != "" %}
-              <a href="mailto:{{ contact_email }}">
-                <span class="ab-invoice-contact-label">{{ t_email }}:</span> {{ contact_email }}
-              </a>
-            {% endif %}
-          </span>
-          {% if contact_address and contact_address != "" %}
-            <span>
-              <span class="ab-invoice-contact-label">{{ t_address }}:</span> {{ contact_address }}
-            </span>
-          {% endif %}
-        </address>
-      {% endif %}
-
-      <div class="ab-invoice-shipping">
-        <h3 class="ab-invoice-section-title">{{ t_shipping_details }}</h3>
-        <dl class="ab-invoice-dl">
-          <div class="ab-invoice-dl-row">
-            <dt>{{ t_name }}:</dt>
-            <dd>{{ order.full_name }}</dd>
-          </div>
-          <div class="ab-invoice-dl-row">
-            <dt>{{ t_phone }}:</dt>
-            <dd>{{ order.phone }}</dd>
-          </div>
-          {% if order.email and order.email != "" %}
-            <div class="ab-invoice-dl-row">
-              <dt>{{ t_email }}:</dt>
-              <dd>{{ order.email }}</dd>
-            </div>
-          {% endif %}
-          {% if order.country and order.country != "" %}
-            <div class="ab-invoice-dl-row">
-              <dt>{{ t_country }}:</dt>
-              <dd>{{ order.country }}</dd>
-            </div>
-          {% endif %}
-          {% if order.government and order.government != "" %}
-            <div class="ab-invoice-dl-row">
-              <dt>{{ t_government }}:</dt>
-              <dd>{{ order.government }}</dd>
-            </div>
-          {% endif %}
-          {% if order.address and order.address != "" %}
-            <div class="ab-invoice-dl-row">
-              <dt>{{ t_address }}:</dt>
-              <dd>{{ order.address }}</dd>
-            </div>
-          {% endif %}
-          <div class="ab-invoice-dl-row">
-            <dt>{{ t_payment_details }}:</dt>
-            <dd>{{ order.payment_method }}</dd>
-          </div>
-          {% if order.transfer_receipt and order.transfer_receipt != "" %}
-            <div class="ab-invoice-dl-row ab-invoice-dl-row-center">
-              <img src="{{ order.transfer_receipt }}" alt="Transfer Receipt" class="ab-invoice-receipt-img" />
-            </div>
-          {% endif %}
-        </dl>
-      </div>
-
-      <div class="ab-invoice-timeline">
-        <ul class="ab-invoice-notes-list">
-          <li>
-            <span>{{ t_order_created }}</span>
-            <span class="ab-invoice-note-date">{{ order.created_at }}</span>
-          </li>
-          {% for note in order_notes %}
-            <li>
-              <span>{{ note.note }}</span>
-              <span class="ab-invoice-note-date">{{ note.created_at }}</span>
-            </li>
-          {% endfor %}
-        </ul>
-      </div>
-    </div>
-
-    <div class="ab-invoice-main">
-      <div class="ab-invoice-status-row">
-        <span class="ab-invoice-status-label">{{ t_order_status }}:</span>
-        <span class="ab-invoice-status-value">{{ order.status_label }}</span>
-      </div>
-
-      <div class="ab-invoice-items">
-        {% for item in order.cart_items %}
-          <div class="ab-invoice-item">
-            {% if item.thumb and item.thumb != "" %}
-              <img class="ab-invoice-item-img" src="{{ item.thumb }}" alt="{{ item.name }}" loading="lazy" />
-            {% endif %}
-            <div class="ab-invoice-item-details">
-              <h4 class="ab-invoice-item-name">{{ item.name }}</h4>
-              {% if item.variants and item.variants != "" %}
-                <p class="ab-invoice-item-variants">{{ item.variants }}</p>
-              {% endif %}
-              <p class="ab-invoice-item-qty">{{ t_items_count }}: {{ item.quantity }}</p>
-              <p class="ab-invoice-item-unit-price">{{ t_piece_price }}: {{ item.price }} {{ currency }}</p>
-              {% if item.metadata_html and item.metadata_html != "" %}
-                <div class="ab-invoice-item-metadata">{{ item.metadata_html }}</div>
-              {% endif %}
-            </div>
-            <span class="ab-invoice-item-total">{{ t_total }} {{ item.total }} {{ currency }}</span>
-          </div>
-        {% endfor %}
-      </div>
-
-      <div class="ab-invoice-totals">
-        <div class="ab-invoice-dl-row">
-          <dt>{{ t_product_total }}:</dt>
-          <dd>{{ order.cost }} {{ currency }}</dd>
-        </div>
-        {% unless order.is_digital %}
-          <div class="ab-invoice-dl-row">
-            <dt>{{ t_shipping_cost }}:</dt>
-            <dd>{% if order.shipping_cost %}{{ order.shipping_cost }} {{ currency }}{% else %}{{ t_free_shipping }}{% endif %}</dd>
-          </div>
-        {% endunless %}
-        {% if order.coupon_code and order.coupon_code != "" %}
-          <div class="ab-invoice-dl-row">
-            <dt>{{ t_coupon_code }}: {{ order.coupon_code }}</dt>
-            <dd>{{ order.coupon_discount }} {{ currency }}</dd>
-          </div>
-        {% endif %}
-        <div class="ab-invoice-dl-row ab-invoice-total-row">
-          <dt>{{ t_total }}:</dt>
-          <dd>{{ order.total_cost }} {{ currency }}</dd>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
+<div class="ab-invoice">
+  <div class="ab-invoice-header">
+    {% if logo and logo != "" %}
+      <img class="ab-invoice-logo" src="{{ logo }}" alt="{{ store_name }}" />
+    {% endif %}
+    <button
+      class="ab-invoice-track-btn"
+      type="button"
+      title="{{ tracking_link }}"
+      onclick="this.dispatchEvent(new CustomEvent('copy-tracking-link',{bubbles:true,detail:{link:'{{ tracking_link }}'}}));"
+    >{{ t_copy_tracking_link }}</button>
+  </div>
+
+  <div class="ab-invoice-body">
+    <div class="ab-invoice-sidebar">
+      {% if has_contact %}
+        <address class="ab-invoice-store-info">
+          <h3 class="ab-invoice-store-name">{{ store_name }}</h3>
+          <span class="ab-invoice-contact-row">
+            {% if contact_phone and contact_phone != "" %}
+              <a href="tel:{{ contact_phone }}">
+                <span class="ab-invoice-contact-label">{{ t_phone }}:</span> {{ contact_phone }}
+              </a>
+            {% endif %}
+            {% if contact_email and contact_email != "" %}
+              <a href="mailto:{{ contact_email }}">
+                <span class="ab-invoice-contact-label">{{ t_email }}:</span> {{ contact_email }}
+              </a>
+            {% endif %}
+          </span>
+          {% if contact_address and contact_address != "" %}
+            <span>
+              <span class="ab-invoice-contact-label">{{ t_address }}:</span> {{ contact_address }}
+            </span>
+          {% endif %}
+        </address>
+      {% endif %}
+
+      <div class="ab-invoice-shipping">
+        <h3 class="ab-invoice-section-title">{{ t_shipping_details }}</h3>
+        <dl class="ab-invoice-dl">
+          <div class="ab-invoice-dl-row">
+            <dt>{{ t_name }}:</dt>
+            <dd>{{ order.full_name }}</dd>
+          </div>
+          <div class="ab-invoice-dl-row">
+            <dt>{{ t_phone }}:</dt>
+            <dd>{{ order.phone }}</dd>
+          </div>
+          {% if order.email and order.email != "" %}
+            <div class="ab-invoice-dl-row">
+              <dt>{{ t_email }}:</dt>
+              <dd>{{ order.email }}</dd>
+            </div>
+          {% endif %}
+          {% if order.country and order.country != "" %}
+            <div class="ab-invoice-dl-row">
+              <dt>{{ t_country }}:</dt>
+              <dd>{{ order.country }}</dd>
+            </div>
+          {% endif %}
+          {% if order.government and order.government != "" %}
+            <div class="ab-invoice-dl-row">
+              <dt>{{ t_government }}:</dt>
+              <dd>{{ order.government }}</dd>
+            </div>
+          {% endif %}
+          {% if order.address and order.address != "" %}
+            <div class="ab-invoice-dl-row">
+              <dt>{{ t_address }}:</dt>
+              <dd>{{ order.address }}</dd>
+            </div>
+          {% endif %}
+          <div class="ab-invoice-dl-row">
+            <dt>{{ t_payment_details }}:</dt>
+            <dd>{{ order.payment_method }}</dd>
+          </div>
+          {% if order.transfer_receipt and order.transfer_receipt != "" %}
+            <div class="ab-invoice-dl-row ab-invoice-dl-row-center">
+              <img src="{{ order.transfer_receipt }}" alt="Transfer Receipt" class="ab-invoice-receipt-img" />
+            </div>
+          {% endif %}
+        </dl>
+      </div>
+
+      <div class="ab-invoice-timeline">
+        <ul class="ab-invoice-notes-list">
+          <li>
+            <span>{{ t_order_created }}</span>
+            <span class="ab-invoice-note-date">{{ order.created_at }}</span>
+          </li>
+          {% for note in order_notes %}
+            <li>
+              <span>{{ note.note }}</span>
+              <span class="ab-invoice-note-date">{{ note.created_at }}</span>
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    </div>
+
+    <div class="ab-invoice-main">
+      <div class="ab-invoice-status-row">
+        <span class="ab-invoice-status-label">{{ t_order_status }}:</span>
+        <span class="ab-invoice-status-value">{{ order.status_label }}</span>
+      </div>
+
+      <div class="ab-invoice-items">
+        {% for item in order.cart_items %}
+          <div class="ab-invoice-item">
+            {% if item.thumb and item.thumb != "" %}
+              <img class="ab-invoice-item-img" src="{{ item.thumb }}" alt="{{ item.name }}" loading="lazy" />
+            {% endif %}
+            <div class="ab-invoice-item-details">
+              <h4 class="ab-invoice-item-name">{{ item.name }}</h4>
+              {% if item.variants and item.variants != "" %}
+                <p class="ab-invoice-item-variants">{{ item.variants }}</p>
+              {% endif %}
+              <p class="ab-invoice-item-qty">{{ t_items_count }}: {{ item.quantity }}</p>
+              <p class="ab-invoice-item-unit-price">{{ t_piece_price }}: {{ item.price }} {{ currency }}</p>
+              {% if item.metadata_html and item.metadata_html != "" %}
+                <div class="ab-invoice-item-metadata">{{ item.metadata_html }}</div>
+              {% endif %}
+            </div>
+            <span class="ab-invoice-item-total">{{ t_total }} {{ item.total }} {{ currency }}</span>
+          </div>
+        {% endfor %}
+      </div>
+
+      <div class="ab-invoice-totals">
+        <div class="ab-invoice-dl-row">
+          <dt>{{ t_product_total }}:</dt>
+          <dd>{{ order.cost }} {{ currency }}</dd>
+        </div>
+        {% unless order.is_digital %}
+          <div class="ab-invoice-dl-row">
+            <dt>{{ t_shipping_cost }}:</dt>
+            <dd>{% if order.shipping_cost %}{{ order.shipping_cost }} {{ currency }}{% else %}{{ t_free_shipping }}{% endif %}</dd>
+          </div>
+        {% endunless %}
+        {% if order.coupon_code and order.coupon_code != "" %}
+          <div class="ab-invoice-dl-row">
+            <dt>{{ t_coupon_code }}: {{ order.coupon_code }}</dt>
+            <dd>{{ order.coupon_discount }} {{ currency }}</dd>
+          </div>
+        {% endif %}
+        <div class="ab-invoice-dl-row ab-invoice-total-row">
+          <dt>{{ t_total }}:</dt>
+          <dd>{{ order.total_cost }} {{ currency }}</dd>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/dist/template/theme/sections/product-description.liquid

@@ -1,30 +1,30 @@
-<div class="lq-desc-accordion">
-  {% if description != "" %}
-    <div class="lq-desc-item" data-open="true">
-      <button class="lq-desc-toggle" type="button" aria-expanded="true">
-        <span>{{ description_label }}</span>
-        <span class="lq-desc-chevron"></span>
-      </button>
-      <div class="lq-desc-panel" style="display:block">
-        <div class="lq-desc-content product_description">
-          <div class="ql-editor leading-10" style="text-align:start" dir="auto">{{ description }}</div>
-        </div>
-      </div>
-    </div>
-  {% endif %}
-
-  {% for policy in policies %}
-    <div class="lq-desc-item">
-      <button class="lq-desc-toggle" type="button" aria-expanded="false">
-        <span class="lq-desc-toggle-label">
-          <img src="{{ policy.icon }}" alt="" class="lq-desc-icon" />
-          <span>{{ policy.title }}</span>
-        </span>
-        <span class="lq-desc-chevron"></span>
-      </button>
-      <div class="lq-desc-panel" style="display:none">
-        <div class="lq-desc-content">{{ policy.content }}</div>
-      </div>
-    </div>
-  {% endfor %}
-</div>
+<div class="lq-desc-accordion">
+  {% if description != "" %}
+    <div class="lq-desc-item" data-open="true">
+      <button class="lq-desc-toggle" type="button" aria-expanded="true">
+        <span>{{ description_label }}</span>
+        <span class="lq-desc-chevron"></span>
+      </button>
+      <div class="lq-desc-panel" style="display:block">
+        <div class="lq-desc-content product_description">
+          <div class="ql-editor leading-10" style="text-align:start" dir="auto">{{ description }}</div>
+        </div>
+      </div>
+    </div>
+  {% endif %}
+
+  {% for policy in policies %}
+    <div class="lq-desc-item">
+      <button class="lq-desc-toggle" type="button" aria-expanded="false">
+        <span class="lq-desc-toggle-label">
+          <img src="{{ policy.icon }}" alt="" class="lq-desc-icon" />
+          <span>{{ policy.title }}</span>
+        </span>
+        <span class="lq-desc-chevron"></span>
+      </button>
+      <div class="lq-desc-panel" style="display:none">
+        <div class="lq-desc-content">{{ policy.content }}</div>
+      </div>
+    </div>
+  {% endfor %}
+</div>