easyorders 0.1.14 → 0.1.16

package/dist/template/theme/home-sections/test-hero-allbird/template.liquid

@@ -0,0 +1,149 @@
+{% assign promo_img_dt = section_data.image_desktop %}
+{% assign promo_img_mb = section_data.image_mobile | default: promo_img_dt %}
+
+<section 
+  class="eo-home-section custom-static-promo" 
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
+  style="
+    --promo-bg-image-dt: {% if promo_img_dt != blank %}url('{{ promo_img_dt }}'){% else %}none{% endif %};
+    --promo-bg-image-mb: {% if promo_img_mb != blank %}url('{{ promo_img_mb }}'){% else %}none{% endif %};
+    --promo-h-color: {{ section_data.headline_color | default: '#FFFFFF' }};
+    --promo-h-size: {{ section_data.headline_size | default: 40 }}px;
+    --promo-d-color: {{ section_data.desc_color | default: '#FFFFFF' }};
+    --promo-d-size: {{ section_data.desc_size | default: 14 }}px;
+    --promo-btn-bg: {{ section_data.btn_bg_color | default: '#FFFFFF' }};
+    --promo-btn-color: {{ section_data.btn_text_color | default: '#7C95A8' }};
+    --promo-pt-mb: {{ section_data.padding_top_mobile | default: 30 }}%;
+    --promo-pt-dt: {{ section_data.padding_top | default: 15 }}%;
+  "
+>
+  <div class="custom-static-promo-inner">
+    <div class="custom-static-promo-content">
+      
+      {% if section_data.headline_text != blank %}
+        <h2 class="ab-anim-el">{{ section_data.headline_text }}</h2>
+      {% endif %}
+
+      {% if section_data.desc_text != blank %}
+        <h3 class="ab-anim-el">{{ section_data.desc_text }}</h3>
+      {% endif %}
+
+      {% if section_data.btn_label != blank %}
+        {% assign btn_type = section_data.btn_link_type | default: 'category' %}
+        {% if btn_type == 'category' and section_data.btn_category_id != blank %}
+          <a class="custom-static-promo-btn ab-anim-el" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="categories" data-eo-hs-cta-id="{{ section_data.btn_category_id }}">
+            {{ section_data.btn_label }}
+          </a>
+        {% elsif btn_type == 'product' and section_data.btn_product_id != blank %}
+          <a class="custom-static-promo-btn ab-anim-el" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="products" data-eo-hs-cta-id="{{ section_data.btn_product_id }}">
+            {{ section_data.btn_label }}
+          </a>
+        {% elsif btn_type == 'page' and section_data.btn_page_id != blank %}
+          <a class="custom-static-promo-btn ab-anim-el" href="#" data-eo-hs-cta="1" data-eo-hs-cta-entity="pages" data-eo-hs-cta-id="{{ section_data.btn_page_id }}">
+            {{ section_data.btn_label }}
+          </a>
+        {% else %}
+          <a class="custom-static-promo-btn ab-anim-el" href="/products">
+            {{ section_data.btn_label }}
+          </a>
+        {% endif %}
+      {% endif %}
+
+    </div>
+  </div>
+</section>
+
+<style>
+  .custom-static-promo {
+    width: 100%;    margin-block:0 15px;
+    box-sizing: border-box;
+  }
+  
+  .custom-static-promo-inner {
+    background-color: #7C95A8;
+    background-image: var(--promo-bg-image-mb, none);
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    border-radius: 16px;
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    margin-block-end: 20px;
+  }
+  
+  .custom-static-promo-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 15px 16px;
+    padding-top: var(--promo-pt-mb);
+  }
+  
+  .custom-static-promo-content h2 {
+    font-size: 24px; /* مقاس الموبايل الافتراضي */
+    font-weight: 600;
+    line-height: 1.25;
+    margin: 0 0 8px 0;
+    color: var(--promo-h-color);
+  }
+  
+  .custom-static-promo-content h3 {
+    font-family: inherit;
+    font-size: 12px; /* مقاس الموبايل الافتراضي */
+    font-weight: 400;
+    letter-spacing: 0.025em;
+    line-height: 1.6;
+    margin: 0 0 16px 0;
+    color: var(--promo-d-color);
+    opacity: 0.95;
+  }
+
+  /* تصميم الزرار الجديد */
+  .custom-static-promo-btn {
+    display: inline-block;
+    padding: 12px 32px;
+    background-color: var(--promo-btn-bg);
+    color: var(--promo-btn-color);
+    font-size: 15px;
+    font-weight: 600;
+    text-decoration: none;
+    border-radius: 99px; /* شكل Pill */
+    transition: transform 0.3s ease, opacity 0.3s ease;
+    margin-top: 8px;
+  }
+
+  .custom-static-promo-btn:hover {
+    opacity: 0.9;
+    transform: translateY(-2px);
+  }
+
+  /* مقاسات التابلت والديسكتوب المربوطة بتحكم اليوزر */
+  @media (min-width: 768px) {
+    .custom-static-promo-inner {
+      background-image: var(--promo-bg-image-dt, none);
+    }
+    .custom-static-promo-content {
+      padding: 90px 60px 30px;
+    }
+    .custom-static-promo-content h2 {
+      /* التابلت بياخد 75% من حجم الديسكتوب عشان التناسق */
+      font-size: calc(var(--promo-h-size) * 0.75); 
+    }
+    .custom-static-promo-content h3 {
+      font-size: var(--promo-d-size);
+    }
+  }
+  
+  @media (min-width: 1024px) {
+    .custom-static-promo-content {
+      padding: var(--promo-pt-dt) 60px 5% 50px;
+    }
+    .custom-static-promo-content h2 {
+      /* تطبيق الحجم اللي اختاره اليوزر للديسكتوب */
+      font-size: var(--promo-h-size); 
+    }
+  }
+</style>

package/dist/template/theme/home-sections/trust-promise/config.json

@@ -1,6 +1,6 @@
 {
-  "icon": "https://api.iconify.design/lucide:shield-check.svg",
-  "label": "Trust promise strip",
+  "icon": "https://files.easy-orders.net/1778107519506754681.png",
+  "label": "Trust promises",
   "section_schema": [
     {
       "name": "style",
@@ -12,12 +12,66 @@
         { "label": "High contrast", "value": "contrast" }
       ]
     },
+    {
+      "name": "section_background",
+      "type": "color",
+      "default": "",
+      "description": "Section background override (leave empty to use preset)"
+    },
     {
       "name": "accent_color",
       "type": "color",
       "default": "#C9A962",
       "description": "Icon tint and highlights"
     },
+    {
+      "name": "promise_title_color",
+      "type": "color",
+      "default": "",
+      "description": "Promise title color (leave empty for default)"
+    },
+    {
+      "name": "promise_title_size",
+      "type": "number",
+      "default": 15,
+      "description": "Promise title size (px)"
+    },
+    {
+      "name": "promise_title_weight",
+      "type": "select",
+      "default": "600",
+      "description": "Promise 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": "promise_text_color",
+      "type": "color",
+      "default": "",
+      "description": "Promise description color (leave empty for default)"
+    },
+    {
+      "name": "promise_text_size",
+      "type": "number",
+      "default": 14,
+      "description": "Promise description size (px)"
+    },
+    {
+      "name": "promise_text_weight",
+      "type": "select",
+      "default": "400",
+      "description": "Promise description font weight",
+      "options": [
+        { "label": "Regular 400", "value": "400" },
+        { "label": "Medium 500", "value": "500" },
+        { "label": "SemiBold 600", "value": "600" },
+        { "label": "Bold 700", "value": "700" }
+      ]
+    },
     {
       "name": "promises",
       "type": "object_array",
@@ -42,6 +96,26 @@
           "description": "Short supporting copy"
         }
       ]
+    },
+    {
+      "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/trust-promise/template.liquid

@@ -1,96 +1,119 @@
-<section
-  class="trust-promise trust-promise--{{ section_data.style | default: 'soft' }}"
-  style="--tp-accent: {{ section_data.accent_color | default: '#C9A962' }};"
->
-  {% if section_data.promises and section_data.promises.size > 0 %}
-    <div class="trust-promise__row">
-      {% for item in section_data.promises %}
-        <div class="trust-promise__item">
-          <div class="trust-promise__icon-wrap" aria-hidden="true">
-            {% if item.icon != blank %}
-              <img class="trust-promise__icon" src="{{ item.icon }}" alt="" width="36" height="36" loading="lazy" />
-            {% else %}
-              <span class="trust-promise__icon-fallback"></span>
-            {% endif %}
-          </div>
-          <div class="trust-promise__text">
-            {% if item.title != blank %}
-              <h3 class="trust-promise__title">{{ item.title }}</h3>
-            {% endif %}
-            {% if item.text != blank %}
-              <p class="trust-promise__desc">{{ item.text }}</p>
-            {% endif %}
-          </div>
-        </div>
-      {% endfor %}
-    </div>
-  {% endif %}
-</section>
-
-<style>
-  .trust-promise {
-    padding: 1.75rem 1.25rem;
-    border-block: 1px solid rgba(20, 18, 24, 0.06);
-  }
-  .trust-promise--soft {
-    background: #faf8f5;
-    color: #2a2622;
-  }
-  .trust-promise--contrast {
-    background: #141218;
-    color: #f4eee6;
-    border-color: rgba(255, 255, 255, 0.08);
-  }
-  .trust-promise__row {
-    max-width: 1100px;
-    margin: 0 auto;
-    display: grid;
-    gap: 1.5rem 2rem;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-    align-items: flex-start;
-  }
-  .trust-promise__item {
-    display: flex;
-    gap: 1rem;
-    align-items: flex-start;
-  }
-  .trust-promise__icon-wrap {
-    flex-shrink: 0;
-    width: 44px;
-    height: 44px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: color-mix(in srgb, var(--tp-accent, #c9a962) 16%, transparent);
-    border: 1px solid color-mix(in srgb, var(--tp-accent, #c9a962) 35%, transparent);
-  }
-  .trust-promise--contrast .trust-promise__icon-wrap {
-    background: rgba(255, 255, 255, 0.06);
-    border-color: rgba(255, 255, 255, 0.12);
-  }
-  .trust-promise__icon {
-    width: 22px;
-    height: 22px;
-    object-fit: contain;
-  }
-  .trust-promise__icon-fallback {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background: var(--tp-accent, #c9a962);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tp-accent, #c9a962) 35%, transparent);
-  }
-  .trust-promise__title {
-    margin: 0 0 0.35rem;
-    font-size: 0.95rem;
-    font-weight: 600;
-    letter-spacing: 0.02em;
-  }
-  .trust-promise__desc {
-    margin: 0;
-    font-size: 0.88rem;
-    line-height: 1.55;
-    opacity: 0.82;
-  }
-</style>
+<section
+  class="eo-home-section trust-promise trust-promise--{{ section_data.style | default: 'soft' }}"
+  {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
+  style="
+    --tp-accent: {{ section_data.accent_color | default: '#C9A962' }};
+    {% if section_data.section_background != blank %}--tp-section-bg: {{ section_data.section_background }};{% endif %}
+    {% if section_data.promise_title_color != blank %}--tp-title-color: {{ section_data.promise_title_color }};{% endif %}
+    --tp-title-size: {{ section_data.promise_title_size | default: 15 }}px;
+    --tp-title-weight: {{ section_data.promise_title_weight | default: '600' }};
+    {% if section_data.promise_text_color != blank %}--tp-desc-color: {{ section_data.promise_text_color }};--tp-desc-opacity: 1;{% endif %}
+    --tp-desc-size: {{ section_data.promise_text_size | default: 14 }}px;
+    --tp-desc-weight: {{ section_data.promise_text_weight | default: '400' }};
+  "
+>
+  {% if section_data.promises and section_data.promises.size > 0 %}
+    <div class="trust-promise__row">
+      {% for item in section_data.promises %}
+        <div class="trust-promise__item ab-anim-el">
+          <div class="trust-promise__icon-wrap" aria-hidden="true">
+            {% if item.icon != blank %}
+              <img class="trust-promise__icon" src="{{ item.icon }}" alt="" width="36" height="36" loading="lazy" />
+            {% else %}
+              <span class="trust-promise__icon-fallback"></span>
+            {% endif %}
+          </div>
+          <div class="trust-promise__text">
+            {% if item.title != blank %}
+              <h3 class="trust-promise__title">{{ item.title }}</h3>
+            {% endif %}
+            {% if item.text != blank %}
+              <p class="trust-promise__desc">{{ item.text }}</p>
+            {% endif %}
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+  {% endif %}
+</section>
+
+<style>
+  .trust-promise {
+    padding: 1.75rem 1.25rem;
+    border-block: 1px solid rgba(20, 18, 24, 0.06);
+  }
+  .trust-promise--soft {
+    background: var(--tp-section-bg, #faf8f5);
+    color: #2a2622;
+  }
+  .trust-promise--contrast {
+    background: var(--tp-section-bg, #141218);
+    color: #f4eee6;
+    border-color: rgba(255, 255, 255, 0.08);
+  }
+  .trust-promise__row {
+    max-width: 1100px;
+    margin: 0 auto;
+    display: grid;
+    gap: 1.5rem 2rem;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    align-items: flex-start;
+  }
+  .trust-promise__item {
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+  }
+  .trust-promise__icon-wrap {
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: color-mix(in srgb, var(--tp-accent, #c9a962) 16%, transparent);
+    border: 1px solid color-mix(in srgb, var(--tp-accent, #c9a962) 35%, transparent);
+  }
+  .trust-promise--contrast .trust-promise__icon-wrap {
+    background: rgba(255, 255, 255, 0.06);
+    border-color: rgba(255, 255, 255, 0.12);
+  }
+  .trust-promise__icon {
+    width: 22px;
+    height: 22px;
+    object-fit: contain;
+  }
+  .trust-promise__icon-fallback {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: var(--tp-accent, #c9a962);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tp-accent, #c9a962) 35%, transparent);
+  }
+  .trust-promise__title {
+    font-size: var(--tp-title-size, 0.95rem);
+    font-weight: var(--tp-title-weight, 600);
+    letter-spacing: 0.02em;
+    margin: 0;
+  }
+  .trust-promise--soft .trust-promise__title {
+    color: var(--tp-title-color, #2a2622);
+  }
+  .trust-promise--contrast .trust-promise__title {
+    color: var(--tp-title-color, #f4eee6);
+  }
+  .trust-promise__desc {
+    margin: 0;
+    font-size: var(--tp-desc-size, 0.88rem);
+    font-weight: var(--tp-desc-weight, 400);
+    line-height: 1.55;
+    opacity: var(--tp-desc-opacity, 0.82);
+  }
+  .trust-promise--soft .trust-promise__desc {
+    color: var(--tp-desc-color, inherit);
+  }
+  .trust-promise--contrast .trust-promise__desc {
+    color: var(--tp-desc-color, inherit);
+  }
+</style>

package/dist/template/theme/home-sections/zoom-parallax/config.json

@@ -0,0 +1,48 @@
+{
+  "icon": "https://files.easy-orders.net/1778106902099515265.png",
+  "label": "Zoom Parallax",
+  "section_schema": [
+    {
+      "name": "bg_color",
+      "type": "color",
+      "default": "#f4f0eb",
+      "description": "لون خلفية السيكشن"
+    },
+    {
+      "name": "image_center",
+      "type": "image",
+      "default": "",
+      "description": "الصورة الرئيسية في المنتصف"
+    },
+    {
+      "name": "image_top_left",
+      "type": "image",
+      "default": "",
+      "description": "الصورة أعلى اليسار"
+    },
+    {
+      "name": "image_top_right",
+      "type": "image",
+      "default": "",
+      "description": "الصورة أعلى اليمين"
+    },
+    {
+      "name": "image_bottom_left",
+      "type": "image",
+      "default": "",
+      "description": "الصورة أسفل اليسار"
+    },
+    {
+      "name": "image_bottom_right",
+      "type": "image",
+      "default": "",
+      "description": "الصورة أسفل اليمين"
+    },
+    {
+      "name": "scroll_height",
+      "type": "number",
+      "default": 300,
+      "description": "مسافة السحب بالـ (vh) للتحكم في سرعة الزوم (300 افتراضي)"
+    }
+  ]
+}

package/dist/template/theme/home-sections/zoom-parallax/template.liquid

@@ -0,0 +1,135 @@
+<section 
+  class="eo-home-section zp-section" 
+  style="
+    background-color: {{ section_data.bg_color | default: '#f4f0eb' }}; 
+    height: {{ section_data.scroll_height | default: 300 }}vh;
+  "
+>
+  <div class="zp-sticky">
+    {% if section_data.image_center != blank %}
+      <div class="zp-el zp-img-center">
+        <div class="zp-img-inner">
+          <img src="{{ section_data.image_center }}" alt="" loading="lazy">
+        </div>
+      </div>
+    {% endif %}
+    {% if section_data.image_top_left != blank %}
+      <div class="zp-el zp-img-tl">
+        <div class="zp-img-inner">
+          <img src="{{ section_data.image_top_left }}" alt="" loading="lazy">
+        </div>
+      </div>
+    {% endif %}
+    {% if section_data.image_top_right != blank %}
+      <div class="zp-el zp-img-tr">
+        <div class="zp-img-inner">
+          <img src="{{ section_data.image_top_right }}" alt="" loading="lazy">
+        </div>
+      </div>
+    {% endif %}
+    {% if section_data.image_bottom_left != blank %}
+      <div class="zp-el zp-img-bl">
+        <div class="zp-img-inner">
+          <img src="{{ section_data.image_bottom_left }}" alt="" loading="lazy">
+        </div>
+      </div>
+    {% endif %}
+    {% if section_data.image_bottom_right != blank %}
+      <div class="zp-el zp-img-br">
+        <div class="zp-img-inner">
+          <img src="{{ section_data.image_bottom_right }}" alt="" loading="lazy">
+        </div>
+      </div>
+    {% endif %}
+  </div>
+</section>
+
+<style>
+.zp-section {
+  position: relative;
+  width: 100%;
+}
+
+.zp-sticky {
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.zp-el {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  will-change: transform;
+}
+
+.zp-img-inner {
+  position: relative;
+  background-color: rgba(0, 0, 0, 0.04);
+}
+
+.zp-img-inner img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+/* Center Image */
+.zp-img-center .zp-img-inner {
+  width: 25vw;
+  height: 40vh;
+}
+
+/* Top Left Image */
+.zp-img-tl .zp-img-inner {
+  top: -30vh;
+  left: -25vw;
+  width: 35vw;
+  height: 30vh;
+}
+
+/* Top Right Image */
+.zp-img-tr .zp-img-inner {
+  top: -25vh;
+  left: 25vw;
+  width: 20vw;
+  height: 45vh;
+}
+
+/* Bottom Left Image */
+.zp-img-bl .zp-img-inner {
+  top: 25vh;
+  left: -25vw;
+  width: 20vw;
+  height: 25vh;
+}
+
+/* Bottom Right Image */
+.zp-img-br .zp-img-inner {
+  top: 25vh;
+  left: 25vw;
+  width: 30vw;
+  height: 25vh;
+}
+
+/* Mobile Adjustments */
+@media (max-width: 768px) {
+  .zp-img-center .zp-img-inner { width: 40vw; height: 30vh; }
+  .zp-img-tl .zp-img-inner { top: -25vh; left: -21vw; width: 40vw; height: 20vh; }
+  .zp-img-tr .zp-img-inner { top: -22vh; left: 29vw; width: 34vw; height: 28vh; }
+  .zp-img-bl .zp-img-inner { top: 25vh; left: -25vw; width: 35vw; height: 20vh; }
+  .zp-img-br .zp-img-inner { top: 27vh; left: 22vw; width: 40vw; height: 25vh; }
+
+ 
+}
+</style>

package/dist/template/theme/product-data-schema.json

@@ -0,0 +1,27 @@
+[
+    {
+      "name": "custom_badge_title",
+      "type": "string",
+      "default": "",
+      "description": "عنوان البادج "
+    },
+    {
+      "name": "desc",
+      "type": "object_array",
+      "fields": [
+        {
+          "name": "title_headline",
+          "type": "string",
+          "default": "",
+          "description": "headline"
+        },
+        {
+          "name": "title_desc",
+          "type": "string",
+          "default": "",
+          "description": "description"
+        }
+      ],
+      "description": "Product Tabs"
+    }
+]