easyorders 0.1.14 → 0.1.16

package/dist/template/theme/home-sections/runway-hero/config.json

@@ -1,12 +1,12 @@
 {
-  "icon": "https://api.iconify.design/lucide:sparkles.svg",
+  "icon": "https://files.easy-orders.net/1778106902099515265.png",
   "label": "Runway hero",
   "section_schema": [
     {
       "name": "image",
       "type": "image",
       "default": "",
-      "description": "Full-width background image"
+      "description": "Full-width background image URL"
     },
     {
       "name": "kicker",
@@ -26,28 +26,70 @@
       "default": "Silhouettes, textures, and tones curated for everyday luxury.",
       "description": "Supporting line under the headline"
     },
-    {
-      "name": "primary_label",
-      "type": "string",
-      "default": "Shop collection",
-      "description": "Primary button label"
-    },
-    {
-      "name": "primary_category_id",
-      "type": "category_single_select",
-      "description": "Collection the primary button links to (resolved on the storefront)"
-    },
-    {
-      "name": "secondary_label",
-      "type": "string",
-      "default": "Lookbook",
-      "description": "Secondary button label (hidden if empty)"
-    },
-    {
-      "name": "secondary_page_id",
-      "type": "page_single_select",
-      "description": "Simple page the secondary button links to (when label is set)"
-    },
+      {
+        "name": "primary_label",
+        "type": "string",
+        "default": "Shop collection",
+        "description": "Primary button label"
+      },
+      {
+        "name": "primary_link_type",
+        "type": "select",
+        "default": "category",
+        "description": "نوع رابط الزر الأول",
+        "options": [
+          { "label": "قسم (Category)", "value": "category" },
+          { "label": "منتج (Product)", "value": "product" },
+          { "label": "صفحة (Page)", "value": "page" }
+        ]
+      },
+      {
+        "name": "primary_category_id",
+        "type": "category_single_select",
+        "description": "اختيار القسم (لو نوع الرابط = قسم)"
+      },
+      {
+        "name": "primary_product_id",
+        "type": "product_single_select",
+        "description": "اختيار المنتج (لو نوع الرابط = منتج)"
+      },
+      {
+        "name": "primary_page_id",
+        "type": "page_single_select",
+        "description": "اختيار الصفحة (لو نوع الرابط = صفحة)"
+      },
+      {
+        "name": "secondary_label",
+        "type": "string",
+        "default": "Lookbook",
+        "description": "Secondary button label (hidden if empty)"
+      },
+      {
+        "name": "secondary_link_type",
+        "type": "select",
+        "default": "page",
+        "description": "نوع رابط الزر الثاني",
+        "options": [
+          { "label": "قسم (Category)", "value": "category" },
+          { "label": "منتج (Product)", "value": "product" },
+          { "label": "صفحة (Page)", "value": "page" }
+        ]
+      },
+      {
+        "name": "secondary_category_id",
+        "type": "category_single_select",
+        "description": "اختيار القسم للزر الثاني"
+      },
+      {
+        "name": "secondary_product_id",
+        "type": "product_single_select",
+        "description": "اختيار المنتج للزر الثاني"
+      },
+      {
+        "name": "secondary_page_id",
+        "type": "page_single_select",
+        "description": "اختيار الصفحة للزر الثاني"
+      },
     {
       "name": "overlay_strength",
       "type": "number",
@@ -77,14 +119,29 @@
       ]
     },
     {
-      "name": "min_height",
+      "name": "min_height_vh",
+      "type": "number",
+      "default": 72,
+      "description": "Minimum section height as % of viewport height (e.g. 72 = 72vh). Typical range 40–100."
+    },
+    {
+      "name": "enable_animation",
+      "type": "boolean",
+      "default": true,
+      "description": "Enable section animation"
+    },
+    {
+      "name": "animation_style",
       "type": "select",
-      "default": "tall",
-      "description": "Minimum height",
+      "default": "fade-up",
+      "description": "Animation style",
       "options": [
-        { "label": "Compact", "value": "compact" },
-        { "label": "Tall", "value": "tall" },
-        { "label": "Near full screen", "value": "screen" }
+        { "label": "Fade Up", "value": "fade-up" },
+        { "label": "Zoom In", "value": "zoom-in" },
+        { "label": "Blur Reveal", "value": "blur-reveal" },
+        { "label": "Slide Cascade", "value": "slide-cascade" },
+        { "label": "Fade Right", "value": "fade-right" },
+        { "label": "Flip Up", "value": "flip-up" }
       ]
     }
   ]

package/dist/template/theme/home-sections/runway-hero/template.liquid

@@ -1,50 +1,80 @@
+{% assign runway_mh = section_data.min_height_vh %}
+{% if runway_mh == blank or runway_mh == nil %}
+  {% assign runway_mh = 72 %}
+  {% if section_data.min_height == 'compact' %}
+    {% assign runway_mh = 52 %}
+  {% elsif section_data.min_height == 'screen' %}
+    {% assign runway_mh = 92 %}
+  {% elsif section_data.min_height == 'tall' %}
+    {% assign runway_mh = 72 %}
+  {% endif %}
+{% endif %}
+{% assign runway_mh = runway_mh | plus: 0 %}
+{% if runway_mh < 20 %}{% assign runway_mh = 20 %}{% endif %}
+{% if runway_mh > 100 %}{% assign runway_mh = 100 %}{% endif %}
 <section
-  class="runway-hero runway-hero--{{ section_data.alignment | default: 'center' }}"
+  class="eo-home-section runway-hero runway-hero--{{ section_data.alignment | default: 'center' }}"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
   style="
     --runway-text: {{ section_data.text_color | default: '#FAF7F2' }};
     --runway-accent: {{ section_data.accent_color | default: '#C9A962' }};
     --runway-overlay: {{ section_data.overlay_strength | default: 42 | divided_by: 100.0 }};
-    --runway-min-h: {% if section_data.min_height == 'compact' %}52vh{% elsif section_data.min_height == 'screen' %}92vh{% else %}72vh{% endif %};
+    --runway-min-h: {{ runway_mh }}vh;
     {% if section_data.image != blank %}background-image: url('{{ section_data.image }}');{% endif %}
   "
 >
   <div class="runway-hero__overlay" aria-hidden="true"></div>
   <div class="runway-hero__inner">
     {% if section_data.kicker != blank %}
-      <p class="runway-hero__kicker">{{ section_data.kicker }}</p>
+      <p class="runway-hero__kicker ab-anim-el">{{ section_data.kicker }}</p>
     {% endif %}
     {% if section_data.headline != blank %}
-      <h1 class="runway-hero__title">{{ section_data.headline }}</h1>
+      <h1 class="runway-hero__title ab-anim-el">{{ section_data.headline }}</h1>
     {% endif %}
     {% if section_data.subheadline != blank %}
-      <p class="runway-hero__lede">{{ section_data.subheadline }}</p>
+      <p class="runway-hero__lede ab-anim-el">{{ section_data.subheadline }}</p>
     {% endif %}
-    <div class="runway-hero__actions">
+    <div class="runway-hero__actions ab-anim-el">
       {% if section_data.primary_label != blank %}
-        <a
-          class="runway-hero__btn runway-hero__btn--primary"
-          href="{% if section_data.primary_category_id != blank %}#{% else %}/products{% endif %}"
-          {% if section_data.primary_category_id != blank %}
-            data-eo-hs-cta="1"
-            data-eo-hs-cta-entity="categories"
-            data-eo-hs-cta-id="{{ section_data.primary_category_id }}"
-          {% endif %}
-        >
-          {{ section_data.primary_label }}
-        </a>
+        {% assign p_type = section_data.primary_link_type | default: 'category' %}
+        {% if p_type == 'category' and section_data.primary_category_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--primary" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="categories" data-eo-hs-cta-id="{{ section_data.primary_category_id }}">
+            {{ section_data.primary_label }}
+          </a>
+        {% elsif p_type == 'product' and section_data.primary_product_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--primary" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="products" data-eo-hs-cta-id="{{ section_data.primary_product_id }}">
+            {{ section_data.primary_label }}
+          </a>
+        {% elsif p_type == 'page' and section_data.primary_page_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--primary" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="pages" data-eo-hs-cta-id="{{ section_data.primary_page_id }}">
+            {{ section_data.primary_label }}
+          </a>
+        {% else %}
+          <a class="runway-hero__btn runway-hero__btn--primary" href="/products">
+            {{ section_data.primary_label }}
+          </a>
+        {% endif %}
       {% endif %}
+
       {% if section_data.secondary_label != blank %}
-        <a
-          class="runway-hero__btn runway-hero__btn--ghost"
-          href="#"
-          {% if section_data.secondary_page_id != blank %}
-            data-eo-hs-cta="1"
-            data-eo-hs-cta-entity="pages"
-            data-eo-hs-cta-id="{{ section_data.secondary_page_id }}"
-          {% endif %}
-        >
-          {{ section_data.secondary_label }}
-        </a>
+        {% assign s_type = section_data.secondary_link_type | default: 'page' %}
+        {% if s_type == 'category' and section_data.secondary_category_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--ghost" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="categories" data-eo-hs-cta-id="{{ section_data.secondary_category_id }}">
+            {{ section_data.secondary_label }}
+          </a>
+        {% elsif s_type == 'product' and section_data.secondary_product_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--ghost" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="products" data-eo-hs-cta-id="{{ section_data.secondary_product_id }}">
+            {{ section_data.secondary_label }}
+          </a>
+        {% elsif s_type == 'page' and section_data.secondary_page_id != blank %}
+          <a class="runway-hero__btn runway-hero__btn--ghost" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="pages" data-eo-hs-cta-id="{{ section_data.secondary_page_id }}">
+            {{ section_data.secondary_label }}
+          </a>
+        {% else %}
+          <a class="runway-hero__btn runway-hero__btn--ghost" href="#">
+            {{ section_data.secondary_label }}
+          </a>
+        {% endif %}
       {% endif %}
     </div>
   </div>
@@ -63,7 +93,7 @@
     background-size: cover;
     background-position: center;
     color: var(--runway-text, #faf7f2);
-    text-align: center;
+    text-align: center;margin-bottom: 15px;
   }
   .runway-hero--left {
     text-align: left;

package/dist/template/theme/home-sections/shop-the-look/config.json

@@ -1,5 +1,5 @@
 {
-  "icon": "https://api.iconify.design/lucide:shirt.svg",
+  "icon": "https://files.easy-orders.net/1778106825738601358.png",
   "label": "Shop the look",
   "section_schema": [
     {
@@ -20,6 +20,54 @@
       "default": "One outfit, every piece linked—build yours in a single pass.",
       "description": "Intro line beside the hero look"
     },
+    {
+      "name": "heading_title_color",
+      "type": "color",
+      "default": "",
+      "description": "Section title color (empty = inherit from theme)"
+    },
+    {
+      "name": "heading_title_size",
+      "type": "number",
+      "default": 38,
+      "description": "Section title size (px)"
+    },
+    {
+      "name": "heading_title_weight",
+      "type": "select",
+      "default": "500",
+      "description": "Section title font weight",
+      "options": [
+        { "label": "Regular 400", "value": "400" },
+        { "label": "Medium 500", "value": "500" },
+        { "label": "SemiBold 600", "value": "600" },
+        { "label": "Bold 700", "value": "700" }
+      ]
+    },
+    {
+      "name": "heading_subtitle_color",
+      "type": "color",
+      "default": "",
+      "description": "Section subtitle color (empty = inherit)"
+    },
+    {
+      "name": "heading_subtitle_size",
+      "type": "number",
+      "default": 16,
+      "description": "Section subtitle size (px)"
+    },
+    {
+      "name": "heading_subtitle_weight",
+      "type": "select",
+      "default": "400",
+      "description": "Section subtitle font weight",
+      "options": [
+        { "label": "Regular 400", "value": "400" },
+        { "label": "Medium 500", "value": "500" },
+        { "label": "SemiBold 600", "value": "600" },
+        { "label": "Bold 700", "value": "700" }
+      ]
+    },
     {
       "name": "look_image",
       "type": "image",
@@ -66,10 +114,54 @@
         { "label": "Soft charcoal", "value": "charcoal" }
       ]
     },
+    {
+      "name": "card_bg_color",
+      "type": "color",
+      "default": "",
+      "description": "لون خلفية كارد المنتج (فارغ = افتراضي)"
+    },
+    {
+      "name": "card_title_color",
+      "type": "color",
+      "default": "",
+      "description": "لون اسم المنتج في الكارد"
+    },
+    {
+      "name": "card_price_color",
+      "type": "color",
+      "default": "",
+      "description": "لون السعر الحالي"
+    },
+    {
+      "name": "card_old_price_color",
+      "type": "color",
+      "default": "",
+      "description": "لون السعر القديم (قبل الخصم)"
+    },
     {
       "name": "pick_product_ids",
       "type": "product_multi_select",
       "description": "Products to show beside the hero (search and reorder in the picker)"
+    },
+    {
+      "name": "enable_animation",
+      "type": "boolean",
+      "default": true,
+      "description": "تشغيل أنيميشن الدخول"
+    },
+    {
+      "name": "animation_style",
+      "type": "select",
+      "default": "fade-up",
+      "description": "شكل الأنيميشن",
+      "options": [
+        { "label": "Fade Up", "value": "fade-up" },
+        { "label": "Zoom In", "value": "zoom-in" },
+        { "label": "Blur Reveal", "value": "blur-reveal" },
+        { "label": "Slide Cascade", "value": "slide-cascade" },
+        { "label": "Fade Right", "value": "fade-right" },
+        { "label": "Flip Up", "value": "flip-up" }
+      ]
     }
   ]
 }

package/dist/template/theme/home-sections/shop-the-look/template.liquid

@@ -1,8 +1,21 @@
 <section
-  class="shop-the-look shop-the-look--{{ section_data.surface | default: 'cream' }}"
-  style="--stl-accent: {{ section_data.accent_color | default: '#C9A962' }};"
+  class="eo-home-section shop-the-look shop-the-look--{{ section_data.surface | default: 'cream' }}"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
+  style="
+    --stl-accent: {{ section_data.accent_color | default: '#C9A962' }};
+    --stl-card-bg: {{ section_data.card_bg_color | default: '' }};
+    --stl-card-title: {{ section_data.card_title_color | default: '' }};
+    --stl-card-price: {{ section_data.card_price_color | default: '' }};
+    --stl-card-old-price: {{ section_data.card_old_price_color | default: '' }};
+    {% if section_data.heading_title_color != blank %}--stl-head-title-color: {{ section_data.heading_title_color }};{% endif %}
+    --stl-head-title-size: {{ section_data.heading_title_size | default: 38 }}px;
+    --stl-head-title-weight: {{ section_data.heading_title_weight | default: '500' }};
+    {% if section_data.heading_subtitle_color != blank %}--stl-head-subtitle-color: {{ section_data.heading_subtitle_color }};--stl-head-subtitle-opacity: 1;{% endif %}
+    --stl-head-subtitle-size: {{ section_data.heading_subtitle_size | default: 16 }}px;
+    --stl-head-subtitle-weight: {{ section_data.heading_subtitle_weight | default: '400' }};
+  "
 >
-  <header class="shop-the-look__head">
+  <header class="shop-the-look__head ab-anim-el">
     {% if section_data.eyebrow != blank %}
       <p class="shop-the-look__eyebrow">{{ section_data.eyebrow }}</p>
     {% endif %}
@@ -15,7 +28,7 @@
   </header>
 
   <div class="shop-the-look__layout">
-    <a class="shop-the-look__hero" href="{{ section_data.look_url | default: '/products' }}">
+    <a class="shop-the-look__hero ab-anim-el" href="{{ section_data.look_url | default: '/products' }}">
       <div class="shop-the-look__hero-visual">
         {% if section_data.look_image != blank %}
           <img
@@ -45,9 +58,10 @@
     </a>
 
     <div
-      class="shop-the-look__picks eo-hs{% if section_data.pick_product_ids == blank or section_data.pick_product_ids.size == 0 %} eo-hs--empty{% endif %}"
+      class="shop-the-look__picks eo-hs ab-anim-el{% if section_data.pick_product_ids == blank or section_data.pick_product_ids.size == 0 %} eo-hs--empty{% endif %}"
       data-eo-hs-entity="products"
       data-eo-hs-ids="{{ section_data.pick_product_ids | join: ',' | strip }}"
+      data-eo-hs-currency="{{ currency }}"
     >
       <div class="shop-the-look__picks-inner" data-eo-hs-mount>
         {% if section_data.pick_product_ids and section_data.pick_product_ids.size > 0 %}
@@ -68,6 +82,7 @@
   }
   .shop-the-look--cream {
     background: #f3efe8;
+    margin-block: 15px;
     color: #1c1a17;
   }
   .shop-the-look--charcoal {
@@ -75,8 +90,8 @@
     color: #f4eee6;
   }
   .shop-the-look__head {
-    max-width: 40rem;
-    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
+        max-width: 1160px;
+    margin: 0 auto 30px;
   }
   .shop-the-look__eyebrow {
     margin: 0 0 0.4rem;
@@ -89,15 +104,18 @@
   .shop-the-look__title {
     margin: 0 0 0.5rem;
     font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    font-weight: 500;
-    font-size: clamp(1.75rem, 4vw, 2.35rem);
+    font-weight: var(--stl-head-title-weight, 500);
+    font-size: clamp(1.25rem, 3vw, var(--stl-head-title-size, 38px));
     line-height: 1.15;
+    color: var(--stl-head-title-color, inherit);
   }
   .shop-the-look__subtitle {
     margin: 0;
-    font-size: 1rem;
+    font-size: var(--stl-head-subtitle-size, 16px);
+    font-weight: var(--stl-head-subtitle-weight, 400);
     line-height: 1.65;
-    opacity: 0.82;
+    opacity: var(--stl-head-subtitle-opacity, 0.82);
+    color: var(--stl-head-subtitle-color, inherit);
   }
   .shop-the-look__layout {
     max-width: 1160px;
@@ -118,9 +136,8 @@
     overflow: hidden;
     text-decoration: none;
     color: inherit;
-    min-height: clamp(300px, 52vh, 540px);
-    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12);
-    transition: transform 0.25s ease, box-shadow 0.25s ease;
+    min-height: clamp(300px, 60vh, 540px);
+     transition: transform 0.25s ease, box-shadow 0.25s ease;
   }
   .shop-the-look--charcoal .shop-the-look__hero {
     box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
@@ -208,14 +225,13 @@
   }
   @media (max-width: 959px) {
     .shop-the-look__picks-inner {
-      flex-flow: row nowrap;
-      overflow-x: auto;
+       overflow-x: auto;
       padding-bottom: 0.35rem;
       scroll-snap-type: x mandatory;
       -webkit-overflow-scrolling: touch;
     }
     .shop-the-look__picks-inner .eo-hs-card--product {
-      flex: 0 0 min(220px, 72vw);
+      flex: 0 0 min(140px, 72vw);
       scroll-snap-align: start;
     }
   }
@@ -239,7 +255,7 @@
     color: inherit;
     padding: 0.65rem;
     border-radius: 8px;
-    background: rgba(255, 255, 255, 0.55);
+    background: var(--stl-card-bg, rgba(255, 255, 255, 0.55));
     border: 1px solid rgba(28, 26, 23, 0.06);
     transition: background 0.2s ease, transform 0.2s ease;
   }
@@ -280,11 +296,17 @@
     font-size: 0.9rem;
     font-weight: 600;
     line-height: 1.35;
+    color: var(--stl-card-title, inherit);
   }
   .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__meta {
     font-size: 0.82rem;
-    opacity: 0.75;
     letter-spacing: 0.03em;
+    color: var(--stl-card-price, inherit);
+    opacity: 0.85;DISPLAY: flex;
+    GAP: 8PX;
+  }
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__meta del {
+    color: var(--stl-card-old-price, inherit);
   }
   .shop-the-look__picks .eo-hs-error {
     margin: 0;