easyorders 0.1.15 → 0.1.16

package/dist/template/theme/home-sections/newsletter-luxe/template.liquid

@@ -1,144 +1,150 @@
-<section
-  class="newsletter-luxe"
-  style="
-    background: {{ section_data.bg_color | default: '#1A1814' }};
-    color: {{ section_data.text_color | default: '#F4EEE6' }};
-    --nl-btn: {{ section_data.button_color | default: '#C9A962' }};
-  "
->
-  <div class="newsletter-luxe__inner">
-    {% if section_data.headline != blank %}
-      <h2 class="newsletter-luxe__title">{{ section_data.headline }}</h2>
-    {% endif %}
-    {% if section_data.body != blank %}
-      <p class="newsletter-luxe__body">{{ section_data.body }}</p>
-    {% endif %}
-
-    <form
-      class="newsletter-luxe__form"
-      novalidate
-      onsubmit="
-        event.preventDefault();
-        if (!this.checkValidity()) {
-          this.reportValidity();
-          return;
-        }
-        var input = this.elements.email;
-        var email = input && input.value ? String(input.value).trim() : '';
-        this.dispatchEvent(
-          new CustomEvent('footer-subscribe', {
-            bubbles: true,
-            detail: { email: email }
-          })
-        );
-        this.reset();
-      "
-    >
-      <input
-        class="newsletter-luxe__input"
-        type="email"
-        name="email"
-        autocomplete="email"
-        inputmode="email"
-        maxlength="254"
-        pattern="[^@\s]+@[^@\s]+\.[^@\s]+"
-        title="Valid email required"
-        required
-        aria-required="true"
-        aria-label="{{ section_data.placeholder | default: 'Email address' }}"
-        placeholder="{{ section_data.placeholder | default: 'Email address' }}"
-      />
-      <button class="newsletter-luxe__submit" type="submit">
-        {{ section_data.button_label | default: 'Join the list' }}
-      </button>
-    </form>
-
-    {% if section_data.show_footnote and section_data.footnote != blank %}
-      <p class="newsletter-luxe__fine">{{ section_data.footnote }}</p>
-    {% endif %}
-  </div>
-</section>
-
-<style>
-  .newsletter-luxe {
-    padding: clamp(2.75rem, 6vw, 4rem) 1.25rem;
-  }
-  .newsletter-luxe__inner {
-    max-width: 520px;
-    margin: 0 auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    gap: 1.25rem;
-  }
-  .newsletter-luxe__title {
-    margin: 0;
-    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    font-weight: 500;
-    font-size: clamp(1.65rem, 4vw, 2.1rem);
-    line-height: 1.2;
-  }
-  .newsletter-luxe__body {
-    margin: 0;
-    font-size: 1rem;
-    line-height: 1.65;
-    opacity: 0.88;
-  }
-  .newsletter-luxe__form {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.6rem;
-    justify-content: center;
-    margin-top: 0.25rem;
-  }
-  @media (min-width: 520px) {
-    .newsletter-luxe__form {
-      flex-wrap: nowrap;
-    }
-  }
-  .newsletter-luxe__input {
-    flex: 1 1 200px;
-    min-width: 0;
-    padding: 0.9rem 1.1rem;
-    border-radius: 999px;
-    border: 1px solid rgba(255, 255, 255, 0.18);
-    background: rgba(255, 255, 255, 0.06);
-    color: inherit;
-    font-size: 0.95rem;
-    outline: none;
-    transition: border-color 0.2s ease, background 0.2s ease;
-  }
-  .newsletter-luxe__input::placeholder {
-    color: rgba(244, 238, 230, 0.45);
-  }
-  .newsletter-luxe__input:focus {
-    border-color: var(--nl-btn, #c9a962);
-    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;
-    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;
-    font-size: 0.72rem;
-    line-height: 1.5;
-    opacity: 0.55;
-    max-width: 36rem;
-    margin-inline: auto;
-  }
-</style>
+<section
+  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 ab-anim-el">{{ section_data.headline }}</h2>
+    {% endif %}
+    {% if section_data.body != blank %}
+      <p class="newsletter-luxe__body ab-anim-el">{{ section_data.body }}</p>
+    {% endif %}
+
+    <form
+      class="newsletter-luxe__form ab-anim-el"
+      novalidate
+      onsubmit="
+        event.preventDefault();
+        if (!this.checkValidity()) {
+          this.reportValidity();
+          return;
+        }
+        var input = this.elements.email;
+        var email = input && input.value ? String(input.value).trim() : '';
+        this.dispatchEvent(
+          new CustomEvent('footer-subscribe', {
+            bubbles: true,
+            detail: { email: email }
+          })
+        );
+        this.reset();
+      "
+    >
+      <input
+        class="newsletter-luxe__input"
+        type="email"
+        name="email"
+        autocomplete="email"
+        inputmode="email"
+        maxlength="254"
+        pattern="[^@\s]+@[^@\s]+\.[^@\s]+"
+        title="Valid email required"
+        required
+        aria-required="true"
+        aria-label="{{ section_data.placeholder | default: 'Email address' }}"
+        placeholder="{{ section_data.placeholder | default: 'Email address' }}"
+      />
+      <button class="newsletter-luxe__submit" type="submit">
+        {{ section_data.button_label | default: 'Join the list' }}
+      </button>
+    </form>
+
+    {% if section_data.show_footnote and section_data.footnote != blank %}
+      <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;margin-block: 15px;
+  }
+  .newsletter-luxe__inner {
+    max-width: 520px;
+    margin: 0 auto;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+  }
+  .newsletter-luxe__title {
+    margin: 0;
+    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+    font-weight: 500;
+    font-size: clamp(1.65rem, 4vw, 2.1rem);
+    line-height: 1.2;
+  }
+  .newsletter-luxe__body {
+    margin: 0;
+    font-size: 1rem;
+    line-height: 1.65;
+    opacity: 0.88;
+  }
+  .newsletter-luxe__form {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.6rem;
+    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;
+    }
+  }
+  .newsletter-luxe__input {
+    flex: 1 1 200px;
+    min-width: 0;
+    padding: 0.9rem 1.1rem;
+     
+    border: 1px solid rgb(209 209 209 / 98%);
+    background: rgba(255, 255, 255, 0.06);
+    color: inherit;
+    font-size: 0.95rem;
+    outline: none;
+    transition: border-color 0.2s ease, background 0.2s ease;
+  }
+  .newsletter-luxe__input::placeholder {
+    color: rgba(244, 238, 230, 0.45);
+  }
+  .newsletter-luxe__input:focus {
+    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: none;
+    cursor: pointer;
+    font-size: 0.78rem;
+    font-weight: 700;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    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);
+     
+  }
+  .newsletter-luxe__fine {
+    margin: 0;
+    font-size: 0.72rem;
+    line-height: 1.5;
+    opacity: 0.55;
+    max-width: 36rem;
+    margin-inline: auto;
+  }
+</style>

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

@@ -1,91 +1,148 @@
-{
-  "icon": "https://api.iconify.design/lucide:sparkles.svg",
-  "label": "Runway hero",
-  "section_schema": [
-    {
-      "name": "image",
-      "type": "image",
-      "default": "",
-      "description": "Full-width background image"
-    },
-    {
-      "name": "kicker",
-      "type": "string",
-      "default": "New season",
-      "description": "Small line above the headline"
-    },
-    {
-      "name": "headline",
-      "type": "string",
-      "default": "The spring edit",
-      "description": "Main headline"
-    },
-    {
-      "name": "subheadline",
-      "type": "string",
-      "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": "overlay_strength",
-      "type": "number",
-      "default": 42,
-      "description": "Dark overlay strength (0–100)"
-    },
-    {
-      "name": "accent_color",
-      "type": "color",
-      "default": "#C9A962",
-      "description": "Accent for buttons and kicker when no image"
-    },
-    {
-      "name": "text_color",
-      "type": "color",
-      "default": "#FAF7F2",
-      "description": "Hero text color"
-    },
-    {
-      "name": "alignment",
-      "type": "select",
-      "default": "center",
-      "description": "Content alignment",
-      "options": [
-        { "label": "Center", "value": "center" },
-        { "label": "Left", "value": "left" }
-      ]
-    },
-    {
-      "name": "min_height",
-      "type": "select",
-      "default": "tall",
-      "description": "Minimum height",
-      "options": [
-        { "label": "Compact", "value": "compact" },
-        { "label": "Tall", "value": "tall" },
-        { "label": "Near full screen", "value": "screen" }
-      ]
-    }
-  ]
-}
+{
+  "icon": "https://files.easy-orders.net/1778106902099515265.png",
+  "label": "Runway hero",
+  "section_schema": [
+    {
+      "name": "image",
+      "type": "image",
+      "default": "",
+      "description": "Full-width background image URL"
+    },
+    {
+      "name": "kicker",
+      "type": "string",
+      "default": "New season",
+      "description": "Small line above the headline"
+    },
+    {
+      "name": "headline",
+      "type": "string",
+      "default": "The spring edit",
+      "description": "Main headline"
+    },
+    {
+      "name": "subheadline",
+      "type": "string",
+      "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_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",
+      "default": 42,
+      "description": "Dark overlay strength (0–100)"
+    },
+    {
+      "name": "accent_color",
+      "type": "color",
+      "default": "#C9A962",
+      "description": "Accent for buttons and kicker when no image"
+    },
+    {
+      "name": "text_color",
+      "type": "color",
+      "default": "#FAF7F2",
+      "description": "Hero text color"
+    },
+    {
+      "name": "alignment",
+      "type": "select",
+      "default": "center",
+      "description": "Content alignment",
+      "options": [
+        { "label": "Center", "value": "center" },
+        { "label": "Left", "value": "left" }
+      ]
+    },
+    {
+      "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": "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" }
+      ]
+    }
+  ]
+}