easyorders 0.1.15 → 0.1.16

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

@@ -1,159 +1,189 @@
-<section
-  class="runway-hero runway-hero--{{ section_data.alignment | default: 'center' }}"
-  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 %};
-    {% 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>
-    {% endif %}
-    {% if section_data.headline != blank %}
-      <h1 class="runway-hero__title">{{ section_data.headline }}</h1>
-    {% endif %}
-    {% if section_data.subheadline != blank %}
-      <p class="runway-hero__lede">{{ section_data.subheadline }}</p>
-    {% endif %}
-    <div class="runway-hero__actions">
-      {% 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>
-      {% 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>
-      {% endif %}
-    </div>
-  </div>
-</section>
-
-<style>
-  .runway-hero {
-    position: relative;
-    isolation: isolate;
-    min-height: var(--runway-min-h, 72vh);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: clamp(2rem, 6vw, 5rem) 1.5rem;
-    background-color: #141218;
-    background-size: cover;
-    background-position: center;
-    color: var(--runway-text, #faf7f2);
-    text-align: center;
-  }
-  .runway-hero--left {
-    text-align: left;
-    justify-content: flex-start;
-  }
-  .runway-hero__overlay {
-    position: absolute;
-    inset: 0;
-    z-index: 0;
-    background: linear-gradient(
-      105deg,
-      rgba(8, 6, 10, calc(var(--runway-overlay, 0.45) + 0.12)) 0%,
-      rgba(8, 6, 10, var(--runway-overlay, 0.45)) 45%,
-      rgba(8, 6, 10, calc(var(--runway-overlay, 0.45) * 0.55)) 100%
-    );
-  }
-  .runway-hero__inner {
-    position: relative;
-    z-index: 1;
-    max-width: 40rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-  .runway-hero--left .runway-hero__inner {
-    margin-right: auto;
-  }
-  .runway-hero__kicker {
-    margin: 0;
-    font-size: 0.75rem;
-    letter-spacing: 0.35em;
-    text-transform: uppercase;
-    color: var(--runway-accent, #c9a962);
-    font-weight: 600;
-  }
-  .runway-hero__title {
-    margin: 0;
-    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    font-weight: 500;
-    font-size: clamp(2.25rem, 6vw, 3.75rem);
-    line-height: 1.05;
-  }
-  .runway-hero__lede {
-    margin: 0;
-    font-size: clamp(1rem, 2.2vw, 1.2rem);
-    line-height: 1.65;
-    opacity: 0.92;
-    max-width: 36rem;
-  }
-  .runway-hero--left .runway-hero__lede {
-    margin-left: 0;
-  }
-  .runway-hero__actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.75rem;
-    margin-top: 0.5rem;
-    justify-content: center;
-  }
-  .runway-hero--left .runway-hero__actions {
-    justify-content: flex-start;
-  }
-  .runway-hero__btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.85rem 1.75rem;
-    font-size: 0.8rem;
-    font-weight: 600;
-    letter-spacing: 0.12em;
-    text-transform: uppercase;
-    text-decoration: none;
-    border-radius: 999px;
-    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
-  }
-  .runway-hero__btn--primary {
-    background: var(--runway-accent, #c9a962);
-    color: #141218;
-    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
-  }
-  .runway-hero__btn--primary:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
-  }
-  .runway-hero__btn--ghost {
-    border: 1px solid rgba(255, 255, 255, 0.45);
-    color: inherit;
-    background: rgba(255, 255, 255, 0.04);
-  }
-  .runway-hero__btn--ghost:hover {
-    background: rgba(255, 255, 255, 0.1);
-  }
-</style>
+{% 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="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: {{ 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 ab-anim-el">{{ section_data.kicker }}</p>
+    {% endif %}
+    {% if section_data.headline != blank %}
+      <h1 class="runway-hero__title ab-anim-el">{{ section_data.headline }}</h1>
+    {% endif %}
+    {% if section_data.subheadline != blank %}
+      <p class="runway-hero__lede ab-anim-el">{{ section_data.subheadline }}</p>
+    {% endif %}
+    <div class="runway-hero__actions ab-anim-el">
+      {% if section_data.primary_label != blank %}
+        {% 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 %}
+        {% 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>
+</section>
+
+<style>
+  .runway-hero {
+    position: relative;
+    isolation: isolate;
+    min-height: var(--runway-min-h, 72vh);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: clamp(2rem, 6vw, 5rem) 1.5rem;
+    background-color: #141218;
+    background-size: cover;
+    background-position: center;
+    color: var(--runway-text, #faf7f2);
+    text-align: center;margin-bottom: 15px;
+  }
+  .runway-hero--left {
+    text-align: left;
+    justify-content: flex-start;
+  }
+  .runway-hero__overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    background: linear-gradient(
+      105deg,
+      rgba(8, 6, 10, calc(var(--runway-overlay, 0.45) + 0.12)) 0%,
+      rgba(8, 6, 10, var(--runway-overlay, 0.45)) 45%,
+      rgba(8, 6, 10, calc(var(--runway-overlay, 0.45) * 0.55)) 100%
+    );
+  }
+  .runway-hero__inner {
+    position: relative;
+    z-index: 1;
+    max-width: 40rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  .runway-hero--left .runway-hero__inner {
+    margin-right: auto;
+  }
+  .runway-hero__kicker {
+    margin: 0;
+    font-size: 0.75rem;
+    letter-spacing: 0.35em;
+    text-transform: uppercase;
+    color: var(--runway-accent, #c9a962);
+    font-weight: 600;
+  }
+  .runway-hero__title {
+    margin: 0;
+    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+    font-weight: 500;
+    font-size: clamp(2.25rem, 6vw, 3.75rem);
+    line-height: 1.05;
+  }
+  .runway-hero__lede {
+    margin: 0;
+    font-size: clamp(1rem, 2.2vw, 1.2rem);
+    line-height: 1.65;
+    opacity: 0.92;
+    max-width: 36rem;
+  }
+  .runway-hero--left .runway-hero__lede {
+    margin-left: 0;
+  }
+  .runway-hero__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    margin-top: 0.5rem;
+    justify-content: center;
+  }
+  .runway-hero--left .runway-hero__actions {
+    justify-content: flex-start;
+  }
+  .runway-hero__btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.85rem 1.75rem;
+    font-size: 0.8rem;
+    font-weight: 600;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    text-decoration: none;
+    border-radius: 999px;
+    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
+  }
+  .runway-hero__btn--primary {
+    background: var(--runway-accent, #c9a962);
+    color: #141218;
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
+  }
+  .runway-hero__btn--primary:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
+  }
+  .runway-hero__btn--ghost {
+    border: 1px solid rgba(255, 255, 255, 0.45);
+    color: inherit;
+    background: rgba(255, 255, 255, 0.04);
+  }
+  .runway-hero__btn--ghost:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+</style>

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

@@ -1,75 +1,167 @@
-{
-  "icon": "https://api.iconify.design/lucide:shirt.svg",
-  "label": "Shop the look",
-  "section_schema": [
-    {
-      "name": "eyebrow",
-      "type": "string",
-      "default": "Styling room",
-      "description": "Label above the section title"
-    },
-    {
-      "name": "title",
-      "type": "string",
-      "default": "Shop the look",
-      "description": "Section heading"
-    },
-    {
-      "name": "subtitle",
-      "type": "string",
-      "default": "One outfit, every piece linked—build yours in a single pass.",
-      "description": "Intro line beside the hero look"
-    },
-    {
-      "name": "look_image",
-      "type": "image",
-      "default": "",
-      "description": "Main outfit or editorial image"
-    },
-    {
-      "name": "look_title",
-      "type": "string",
-      "default": "City nights",
-      "description": "Title on the hero card"
-    },
-    {
-      "name": "look_caption",
-      "type": "string",
-      "default": "Layered wool, soft leather, and a hint of shine.",
-      "description": "Short caption under the title"
-    },
-    {
-      "name": "look_url",
-      "type": "string",
-      "default": "/products",
-      "description": "Link for the full look CTA"
-    },
-    {
-      "name": "look_cta_label",
-      "type": "string",
-      "default": "Shop full look",
-      "description": "Hero card button label"
-    },
-    {
-      "name": "accent_color",
-      "type": "color",
-      "default": "#C9A962",
-      "description": "Accent for labels and buttons"
-    },
-    {
-      "name": "surface",
-      "type": "select",
-      "default": "cream",
-      "description": "Background style",
-      "options": [
-        { "label": "Warm cream", "value": "cream" },
-        { "label": "Soft charcoal", "value": "charcoal" }
-      ]
-    },
-    {
-      "name": "pick_product_ids",
-      "type": "product_multi_select",
-      "description": "Products to show beside the hero (search and reorder in the picker)"
-    }
-  ]
-}
+{
+  "icon": "https://files.easy-orders.net/1778106825738601358.png",
+  "label": "Shop the look",
+  "section_schema": [
+    {
+      "name": "eyebrow",
+      "type": "string",
+      "default": "Styling room",
+      "description": "Label above the section title"
+    },
+    {
+      "name": "title",
+      "type": "string",
+      "default": "Shop the look",
+      "description": "Section heading"
+    },
+    {
+      "name": "subtitle",
+      "type": "string",
+      "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",
+      "default": "",
+      "description": "Main outfit or editorial image"
+    },
+    {
+      "name": "look_title",
+      "type": "string",
+      "default": "City nights",
+      "description": "Title on the hero card"
+    },
+    {
+      "name": "look_caption",
+      "type": "string",
+      "default": "Layered wool, soft leather, and a hint of shine.",
+      "description": "Short caption under the title"
+    },
+    {
+      "name": "look_url",
+      "type": "string",
+      "default": "/products",
+      "description": "Link for the full look CTA"
+    },
+    {
+      "name": "look_cta_label",
+      "type": "string",
+      "default": "Shop full look",
+      "description": "Hero card button label"
+    },
+    {
+      "name": "accent_color",
+      "type": "color",
+      "default": "#C9A962",
+      "description": "Accent for labels and buttons"
+    },
+    {
+      "name": "surface",
+      "type": "select",
+      "default": "cream",
+      "description": "Background style",
+      "options": [
+        { "label": "Warm cream", "value": "cream" },
+        { "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" }
+      ]
+    }
+  ]
+}