easyorders 0.1.14 → 0.1.16

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

@@ -0,0 +1,199 @@
+{
+    "icon": "https://files.easy-orders.net/1778106603822306532.png",
+    "label": "Hero (Full width)",
+    "section_schema": [
+      {
+        "name": "image_desktop",
+        "type": "image",
+        "default": "",
+        "description": "صورة الخلفية (ديسكتوب)"
+      },
+      {
+        "name": "image_mobile",
+        "type": "image",
+        "default": "",
+        "description": "صورة الخلفية (موبايل)"
+      },
+      {
+        "name": "overlay_strength",
+        "type": "number",
+        "default": 42,
+        "description": "قوة التعتيم (0 - 100)"
+      },
+      {
+        "name": "height_dt",
+        "type": "number",
+        "default": 70,
+        "description": "طول القسم للديسكتوب (svh) max:100 svh"
+      },
+      {
+        "name": "height_mb",
+        "type": "number",
+        "default": 70,
+        "description": "طول القسم للموبايل (svh) max:100 svh"
+      },
+      {
+        "name": "alignment",
+        "type": "select",
+        "default": "center",
+        "description": "محاذاة المحتوى",
+        "options": [
+          { "label": "في المنتصف", "value": "center" },
+          { "label": "لليسار", "value": "left" },
+          { "label": "لليمين", "value": "right" }
+        ]
+      },
+      {
+        "name": "gap_dt",
+        "type": "number",
+        "default": 24,
+        "description": "المسافة بين العناصر - ديسكتوب (px)"
+      },
+      {
+        "name": "gap_mb",
+        "type": "number",
+        "default": 16,
+        "description": "المسافة بين العناصر - موبايل (px)"
+      },
+      {
+        "name": "kicker",
+        "type": "string",
+        "default": "New season",
+        "description": "الكلمة الصغيرة فوق العنوان"
+      },
+      {
+        "name": "accent_color",
+        "type": "color",
+        "default": "#C9A962",
+        "description": "اللون المميز (للكلمة الصغيرة وخلفية الزرار)"
+      },
+      {
+        "name": "headline",
+        "type": "string",
+        "default": "The spring edit",
+        "description": "العنوان الرئيسي"
+      },
+      {
+        "name": "title_color",
+        "type": "color",
+        "default": "#FAF7F2",
+        "description": "لون العنوان"
+      },
+      {
+        "name": "title_size_dt",
+        "type": "number",
+        "default": 60,
+        "description": "حجم العنوان - ديسكتوب (px)"
+      },
+      {
+        "name": "title_size_mb",
+        "type": "number",
+        "default": 36,
+        "description": "حجم العنوان - موبايل (px)"
+      },
+      {
+        "name": "subheadline",
+        "type": "string",
+        "default": "Silhouettes, textures, and tones curated for everyday luxury.",
+        "description": "الوصف"
+      },
+      {
+        "name": "desc_color",
+        "type": "color",
+        "default": "#FAF7F2",
+        "description": "لون الوصف"
+      },
+      {
+        "name": "desc_size_dt",
+        "type": "number",
+        "default": 18,
+        "description": "حجم الوصف - ديسكتوب (px)"
+      },
+      {
+        "name": "desc_size_mb",
+        "type": "number",
+        "default": 15,
+        "description": "حجم الوصف - موبايل (px)"
+      },
+      {
+        "name": "primary_label",
+        "type": "string",
+        "default": "Shop collection",
+        "description": "نص الزرار"
+      },
+      {
+        "name": "cta_link_type",
+        "type": "select",
+        "default": "category",
+        "description": "نوع لينك الزرار مهم اختار اولا",
+        "options": [
+          { "label": "قسم (Category)", "value": "category" },
+          { "label": "منتج (Product)", "value": "product" }
+        ]
+      },
+      {
+        "name": "cta_category_id",
+        "type": "category_single_select",
+        "description": "اختيار القسم (لو نوع اللينك = قسم)"
+      },
+      {
+        "name": "cta_product_id",
+        "type": "product_single_select",
+        "description": "اختيار المنتج (لو نوع اللينك = منتج)"
+      },
+      {
+        "name": "btn_text_color",
+        "type": "color",
+        "default": "#141218",
+        "description": "لون نص الزرار"
+      },
+      {
+        "name": "btn_size_dt",
+        "type": "number",
+        "default": 14,
+        "description": "حجم خط الزرار - ديسكتوب (px)"
+      },
+      {
+        "name": "btn_size_mb",
+        "type": "number",
+        "default": 13,
+        "description": "حجم خط الزرار - موبايل (px)"
+      },
+      {
+        "name": "btn_show_border",
+        "type": "select",
+        "default": "none",
+        "description": "إظهار حدود للزرار؟",
+        "options": [
+          { "label": "بدون حدود (نص فقط)", "value": "none" },
+          { "label": "بحدود (Solid)", "value": "solid" }
+        ]
+      },
+      {
+        "name": "btn_radius",
+        "type": "number",
+        "default": 99,
+        "description": "استدارة حواف الزرار (px)"
+      },
+      {
+        "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/different-hero/template.liquid

@@ -0,0 +1,219 @@
+<section
+  class="rnw-hero rnw-hero--{{ section_data.alignment | default: 'center' }}"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
+  style="
+    --rnw-h-dt: {{ section_data.height_dt | default: 70 }}svh;
+    --rnw-h-mb: {{ section_data.height_mb | default: 70 }}svh;
+    --rnw-gap-dt: {{ section_data.gap_dt | default: 24 }}px;
+    --rnw-gap-mb: {{ section_data.gap_mb | default: 16 }}px;
+    --rnw-accent: {{ section_data.accent_color | default: '#C9A962' }};
+    --rnw-overlay: {{ section_data.overlay_strength | default: 42 }};
+    
+    --rnw-t-color: {{ section_data.title_color | default: '#FAF7F2' }};
+    --rnw-t-dt: {{ section_data.title_size_dt | default: 60 }}px;
+    --rnw-t-mb: {{ section_data.title_size_mb | default: 36 }}px;
+    
+    --rnw-d-color: {{ section_data.desc_color | default: '#FAF7F2' }};
+    --rnw-d-dt: {{ section_data.desc_size_dt | default: 18 }}px;
+    --rnw-d-mb: {{ section_data.desc_size_mb | default: 15 }}px;
+    
+    --rnw-b-txt: {{ section_data.btn_text_color | default: '#141218' }};
+    --rnw-b-dt: {{ section_data.btn_size_dt | default: 14 }}px;
+    --rnw-b-mb: {{ section_data.btn_size_mb | default: 13 }}px;
+    --rnw-b-border: {{ section_data.btn_show_border | default: 'none' }};
+    --rnw-b-rad: {{ section_data.btn_radius | default: 99 }}px;
+  "
+>
+  <div class="rnw-hero__bg">
+    {% assign img_dt = section_data.image_desktop %}
+    {% assign img_mb = section_data.image_mobile | default: img_dt %}
+    {% if img_dt != blank %}
+      <picture>
+        <source media="(max-width: 768px)" srcset="{{ img_mb }}">
+        <img src="{{ img_dt }}" alt="{{ section_data.headline }}" loading="lazy">
+      </picture>
+    {% else %}
+      <div class="rnw-placeholder"></div>
+    {% endif %}
+  </div>
+
+  <div class="rnw-hero__overlay" aria-hidden="true"></div>
+  
+  <div class="rnw-hero__inner">
+    {% if section_data.kicker != blank %}
+      <p class="rnw-hero__kicker ab-anim-el">{{ section_data.kicker }}</p>
+    {% endif %}
+    
+    {% if section_data.headline != blank %}
+      <h1 class="rnw-hero__title ab-anim-el">{{ section_data.headline }}</h1>
+    {% endif %}
+    
+    {% if section_data.subheadline != blank %}
+      <p class="rnw-hero__lede ab-anim-el">{{ section_data.subheadline }}</p>
+    {% endif %}
+    
+    <div class="rnw-hero__actions ab-anim-el">
+      {% if section_data.primary_label != blank %}
+        {% assign cta_type = section_data.cta_link_type | default: 'category' %}
+        {% if cta_type == 'category' and section_data.cta_category_id != blank %}
+          <a class="rnw-btn" href="#"
+            data-eo-hs-cta="1"
+            data-eo-hs-cta-entity="categories"
+            data-eo-hs-cta-id="{{ section_data.cta_category_id }}"
+          >
+            {{ section_data.primary_label }}
+          </a>
+        {% elsif cta_type == 'product' and section_data.cta_product_id != blank %}
+          <a class="rnw-btn" href="#"
+            data-eo-hs-cta="1"
+            data-eo-hs-cta-entity="products"
+            data-eo-hs-cta-id="{{ section_data.cta_product_id }}"
+          >
+            {{ section_data.primary_label }}
+          </a>
+        {% else %}
+          <a class="rnw-btn" href="/products">
+            {{ section_data.primary_label }}
+          </a>
+        {% endif %}
+      {% endif %}
+    </div>
+  </div>
+</section>
+
+<style>
+  .rnw-hero {
+    position: relative;
+    isolation: isolate;
+    min-height: var(--rnw-h-mb);
+    display: flex;
+    align-items: center;
+    justify-content: center; /* الوسط كوضع افتراضي */
+    padding: 3rem 1.5rem;
+    background-color: #141218;
+    overflow: hidden;
+  margin-left: -10px ;
+  margin-right: -10px ;
+  max-width: none ;
+  margin-bottom: 15px;
+  }
+  
+  /* التحكم في محاذاة الحاوية الداخلية بالنسبة للقسم الكبير */
+  .rnw-hero--left { justify-content: flex-start; }
+  .rnw-hero--right { justify-content: flex-end; }
+
+  .rnw-hero__bg { position: absolute; inset: 0; z-index: -2; }
+  .rnw-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
+  .rnw-placeholder { width: 100%; height: 100%; background-color: #141218; }
+
+  .rnw-hero__overlay {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    background: linear-gradient(
+      105deg,
+      rgba(8, 6, 10, calc((var(--rnw-overlay) / 100) + 0.12)) 0%,
+      rgba(8, 6, 10, calc(var(--rnw-overlay) / 100)) 45%,
+      rgba(8, 6, 10, calc((var(--rnw-overlay) / 100) * 0.55)) 100%
+    );
+  }
+
+  .rnw-hero__inner {
+    position: relative;
+    z-index: 1;
+    max-width: 42rem;
+    display: flex;
+    flex-direction: column;
+    gap: var(--rnw-gap-mb);
+    /* السحر هنا: المحاذاة الداخلية للعناصر */
+    align-items: center; 
+    text-align: center;
+  }
+  
+  /* تعديل المحاذاة الداخلية بناءً على اختيار اليوزر */
+  .rnw-hero--left .rnw-hero__inner { align-items: flex-start; text-align: left; }
+  .rnw-hero--right .rnw-hero__inner { align-items: flex-end; text-align: right; }
+
+  .rnw-hero__kicker {
+    margin: 0;
+    font-size: 0.75rem;
+    letter-spacing: 0.35em;
+    text-transform: uppercase;
+    color: var(--rnw-accent);
+    font-weight: 600;
+  }
+
+  .rnw-hero__title {
+    margin: 0;
+    color: var(--rnw-t-color);
+font-family: Newsreader, serif !important;
+    font-weight: 300;
+    font-size: var(--rnw-t-mb);
+    line-height: 1.05;
+  }
+
+  .rnw-hero__lede {
+    margin: 0;
+    color: var(--rnw-d-color);
+    font-size: var(--rnw-d-mb);
+    line-height: 1.6;
+    opacity: 0.95;
+    font-family: Newsreader, serif !important;
+        font-weight: 200;
+  }
+
+  .rnw-hero__actions {
+  display: flex;
+  width: 100%;
+  justify-content: center; 
+  margin-top: 0.5rem;
+}
+
+/* في حالة اختيار المحاذاة لليسار */
+.rnw-hero--left .rnw-hero__actions { 
+  justify-content: flex-start; 
+}
+
+/* في حالة اختيار المحاذاة لليمين */
+.rnw-hero--right .rnw-hero__actions { 
+  justify-content: flex-end; 
+}
+
+  .rnw-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 600;
+    letter-spacing: 0.1em;
+    transition: all 0.3s ease;
+    
+    background-color: var(--rnw-accent);
+    color: var(--rnw-b-txt);
+    font-size: var(--rnw-b-mb);
+    border-radius: var(--rnw-b-rad);
+    
+    border: 1px var(--rnw-b-border) var(--rnw-b-txt);
+    padding: 12px 30px;
+  }
+  
+  /* وضع "بدون حدود" للزرار */
+  .rnw-hero[style*="--rnw-b-border: none"] .rnw-btn {
+    background-color: transparent;
+    color: var(--rnw-accent);
+    padding: 5px 0;
+    border-radius: 0;
+  }
+
+  .rnw-btn:hover { opacity: 0.8; transform: translateY(-2px); }
+
+  @media (min-width: 768px) {
+    .rnw-hero { min-height: var(--rnw-h-dt); }
+    .rnw-hero__inner { gap: var(--rnw-gap-dt); }
+    .rnw-hero__title { font-size: var(--rnw-t-dt); }
+    .rnw-hero__lede { font-size: var(--rnw-d-dt); }
+    .rnw-btn { font-size: var(--rnw-b-dt); }
+    
+  }
+</style>

package/dist/template/theme/home-sections/editorial-feature/config.json

@@ -1,5 +1,5 @@
 {
-  "icon": "https://api.iconify.design/lucide:layout-template.svg",
+  "icon": "https://files.easy-orders.net/1778107613842485243.png",
   "label": "Editorial feature",
   "section_schema": [
     {
@@ -57,11 +57,37 @@
         { "label": "Dark editorial", "value": "dark" }
       ]
     },
+    {
+      "name": "section_background",
+      "type": "color",
+      "default": "",
+      "description": "Section background override (leave empty to use mood preset)"
+    },
     {
       "name": "accent_color",
       "type": "color",
       "default": "#8B7355",
       "description": "Eyebrow and link accent"
+    },
+    {
+      "name": "enable_animation",
+      "type": "boolean",
+      "default": true,
+      "description": "Enable section animation"
+    },
+    {
+      "name": "animation_style",
+      "type": "select",
+      "default": "fade-up",
+      "description": "Animation style",
+      "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/editorial-feature/template.liquid

@@ -1,9 +1,10 @@
 <section
-  class="editorial-feature editorial-feature--{{ section_data.surface | default: 'light' }} editorial-feature--img-{{ section_data.image_position | default: 'left' }}"
-  style="--ed-accent: {{ section_data.accent_color | default: '#8B7355' }};"
+  class="eo-home-section editorial-feature editorial-feature--{{ section_data.surface | default: 'light' }} editorial-feature--img-{{ section_data.image_position | default: 'left' }}"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
+  style="--ed-accent: {{ section_data.accent_color | default: '#8B7355' }};{% if section_data.section_background != blank %}--ed-section-bg: {{ section_data.section_background }};{% endif %}"
 >
   <div class="editorial-feature__grid">
-    <div class="editorial-feature__media">
+    <div class="editorial-feature__media ab-anim-el">
       {% if section_data.image != blank %}
         <img
           class="editorial-feature__img"
@@ -19,17 +20,17 @@
     </div>
     <div class="editorial-feature__copy">
       {% if section_data.eyebrow != blank %}
-        <p class="editorial-feature__eyebrow">{{ section_data.eyebrow }}</p>
+        <p class="editorial-feature__eyebrow ab-anim-el">{{ section_data.eyebrow }}</p>
       {% endif %}
       {% if section_data.title != blank %}
-        <h2 class="editorial-feature__title">{{ section_data.title }}</h2>
+        <h2 class="editorial-feature__title ab-anim-el">{{ section_data.title }}</h2>
       {% endif %}
       {% if section_data.body != blank %}
-        <p class="editorial-feature__body">{{ section_data.body }}</p>
+        <p class="editorial-feature__body ab-anim-el">{{ section_data.body }}</p>
       {% endif %}
       {% if section_data.cta_label != blank %}
         <a
-          class="editorial-feature__link"
+          class="editorial-feature__link ab-anim-el"
           href="#"
           {% if section_data.cta_page_id != blank %}
             data-eo-hs-cta="1"
@@ -50,11 +51,11 @@
     padding: clamp(2.5rem, 5vw, 4.5rem) 1.25rem;
   }
   .editorial-feature--light {
-    background: #f6f3ee;
-    color: #1c1a17;
+    background: var(--ed-section-bg, #f6f3ee);
+    color: #1c1a17;margin-block: 15px;
   }
   .editorial-feature--dark {
-    background: #121015;
+    background: var(--ed-section-bg, #121015);
     color: #f4eee6;
   }
   .editorial-feature__grid {

package/dist/template/theme/home-sections/newsletter-luxe/config.json

@@ -1,6 +1,6 @@
 {
-  "icon": "https://api.iconify.design/lucide:mail.svg",
-  "label": "Newsletter — luxe",
+  "icon": "https://files.easy-orders.net/1778106683214369311.png",
+  "label": "Newsletter",
   "section_schema": [
     {
       "name": "headline",
@@ -55,6 +55,32 @@
       "type": "color",
       "default": "#C9A962",
       "description": "Button background"
+    },
+    {
+      "name": "button_text_color",
+      "type": "color",
+      "default": "#141218",
+      "description": "color of the button text"
+    },
+    {
+      "name": "enable_animation",
+      "type": "boolean",
+      "default": true,
+      "description": "Enable section animation"
+    },
+    {
+      "name": "animation_style",
+      "type": "select",
+      "default": "fade-up",
+      "description": "Animation style",
+      "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/newsletter-luxe/template.liquid

@@ -1,21 +1,23 @@
 <section
-  class="newsletter-luxe"
+  class="eo-home-section newsletter-luxe"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
   style="
     background: {{ section_data.bg_color | default: '#1A1814' }};
     color: {{ section_data.text_color | default: '#F4EEE6' }};
     --nl-btn: {{ section_data.button_color | default: '#C9A962' }};
+    --nl-btn-text: {{ section_data.button_text_color | default: '#141218' }};
   "
 >
   <div class="newsletter-luxe__inner">
     {% if section_data.headline != blank %}
-      <h2 class="newsletter-luxe__title">{{ section_data.headline }}</h2>
+      <h2 class="newsletter-luxe__title ab-anim-el">{{ section_data.headline }}</h2>
     {% endif %}
     {% if section_data.body != blank %}
-      <p class="newsletter-luxe__body">{{ section_data.body }}</p>
+      <p class="newsletter-luxe__body ab-anim-el">{{ section_data.body }}</p>
     {% endif %}
 
     <form
-      class="newsletter-luxe__form"
+      class="newsletter-luxe__form ab-anim-el"
       novalidate
       onsubmit="
         event.preventDefault();
@@ -54,14 +56,14 @@
     </form>
 
     {% if section_data.show_footnote and section_data.footnote != blank %}
-      <p class="newsletter-luxe__fine">{{ section_data.footnote }}</p>
+      <p class="newsletter-luxe__fine ab-anim-el">{{ section_data.footnote }}</p>
     {% endif %}
   </div>
 </section>
 
 <style>
   .newsletter-luxe {
-    padding: clamp(2.75rem, 6vw, 4rem) 1.25rem;
+    padding: clamp(2.75rem, 6vw, 4rem) 1.25rem;margin-block: 15px;
   }
   .newsletter-luxe__inner {
     max-width: 520px;
@@ -91,6 +93,10 @@
     justify-content: center;
     margin-top: 0.25rem;
   }
+  input.newsletter-luxe__input::placeholder {
+    color: inherit;
+    opacity: 0.5;
+  }
   @media (min-width: 520px) {
     .newsletter-luxe__form {
       flex-wrap: nowrap;
@@ -100,8 +106,8 @@
     flex: 1 1 200px;
     min-width: 0;
     padding: 0.9rem 1.1rem;
-    border-radius: 999px;
-    border: 1px solid rgba(255, 255, 255, 0.18);
+     
+    border: 1px solid rgb(209 209 209 / 98%);
     background: rgba(255, 255, 255, 0.06);
     color: inherit;
     font-size: 0.95rem;
@@ -112,26 +118,26 @@
     color: rgba(244, 238, 230, 0.45);
   }
   .newsletter-luxe__input:focus {
-    border-color: var(--nl-btn, #c9a962);
+    border-color: var(--nl-btn, #313e61);
     background: rgba(255, 255, 255, 0.09);
   }
   .newsletter-luxe__submit {
     flex-shrink: 0;
     padding: 0.9rem 1.5rem;
-    border-radius: 999px;
+     
     border: none;
     cursor: pointer;
     font-size: 0.78rem;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
-    background: var(--nl-btn, #c9a962);
-    color: #141218;
+    background: var(--nl-btn, #313e61);
+    color: var(--nl-btn-text, #141218);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
   }
   .newsletter-luxe__submit:hover {
     transform: translateY(-1px);
-    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
+     
   }
   .newsletter-luxe__fine {
     margin: 0;