easyorders 0.1.15 → 0.1.16

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,67 +1,93 @@
-{
-  "icon": "https://api.iconify.design/lucide:layout-template.svg",
-  "label": "Editorial feature",
-  "section_schema": [
-    {
-      "name": "image",
-      "type": "image",
-      "default": "",
-      "description": "Feature image"
-    },
-    {
-      "name": "eyebrow",
-      "type": "string",
-      "default": "Inside the atelier",
-      "description": "Small label above the title"
-    },
-    {
-      "name": "title",
-      "type": "string",
-      "default": "Tailoring that moves with you",
-      "description": "Headline"
-    },
-    {
-      "name": "body",
-      "type": "string",
-      "default": "Precision cuts and fluid fabrics—designed for city days and slow evenings. Discover the pieces our stylists reach for first.",
-      "description": "Body copy"
-    },
-    {
-      "name": "cta_label",
-      "type": "string",
-      "default": "Explore the story",
-      "description": "Link label"
-    },
-    {
-      "name": "cta_page_id",
-      "type": "page_single_select",
-      "description": "Simple page the CTA opens (link URL is resolved on the storefront)"
-    },
-    {
-      "name": "image_position",
-      "type": "select",
-      "default": "left",
-      "description": "Image side on desktop",
-      "options": [
-        { "label": "Image left", "value": "left" },
-        { "label": "Image right", "value": "right" }
-      ]
-    },
-    {
-      "name": "surface",
-      "type": "select",
-      "default": "light",
-      "description": "Color mood",
-      "options": [
-        { "label": "Light editorial", "value": "light" },
-        { "label": "Dark editorial", "value": "dark" }
-      ]
-    },
-    {
-      "name": "accent_color",
-      "type": "color",
-      "default": "#8B7355",
-      "description": "Eyebrow and link accent"
-    }
-  ]
-}
+{
+  "icon": "https://files.easy-orders.net/1778107613842485243.png",
+  "label": "Editorial feature",
+  "section_schema": [
+    {
+      "name": "image",
+      "type": "image",
+      "default": "",
+      "description": "Feature image"
+    },
+    {
+      "name": "eyebrow",
+      "type": "string",
+      "default": "Inside the atelier",
+      "description": "Small label above the title"
+    },
+    {
+      "name": "title",
+      "type": "string",
+      "default": "Tailoring that moves with you",
+      "description": "Headline"
+    },
+    {
+      "name": "body",
+      "type": "string",
+      "default": "Precision cuts and fluid fabrics—designed for city days and slow evenings. Discover the pieces our stylists reach for first.",
+      "description": "Body copy"
+    },
+    {
+      "name": "cta_label",
+      "type": "string",
+      "default": "Explore the story",
+      "description": "Link label"
+    },
+    {
+      "name": "cta_page_id",
+      "type": "page_single_select",
+      "description": "Simple page the CTA opens (link URL is resolved on the storefront)"
+    },
+    {
+      "name": "image_position",
+      "type": "select",
+      "default": "left",
+      "description": "Image side on desktop",
+      "options": [
+        { "label": "Image left", "value": "left" },
+        { "label": "Image right", "value": "right" }
+      ]
+    },
+    {
+      "name": "surface",
+      "type": "select",
+      "default": "light",
+      "description": "Color mood",
+      "options": [
+        { "label": "Light editorial", "value": "light" },
+        { "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" }
+      ]
+    }
+  ]
+}