npm - easyorders - Versions diffs - 0.1.9 → 0.1.13 - Mend

easyorders 0.1.9 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md CHANGED Viewed

@@ -69,9 +69,14 @@ my-theme/
     ├── theme-data.json
     ├── style.css
     ├── script.js
-    └── sections/
-        ├── header.liquid
-        ├── footer.liquid
+    ├── sections/
+    │   ├── header.liquid
+    │   ├── footer.liquid
+    │   └── ...
+    └── home-sections/
+        ├── <section-key>/
+        │   ├── config.json
+        │   └── template.liquid
         └── ...
 ```

package/dist/bin/cli.js CHANGED Viewed

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 import "dotenv/config";
-import readline from "node:readline";
+import { spawn } from "node:child_process";
 import fs from "node:fs";
 import path from "node:path";
-import { spawn } from "node:child_process";
+import readline from "node:readline";
 import { fileURLToPath } from "node:url";
 import { getCliVersion } from "../server/api.js";
 const __filename = fileURLToPath(import.meta.url);

package/dist/server/index.js CHANGED Viewed

@@ -234,6 +234,7 @@ app.get("/theme", (req, res) => {
         sections: buildSections(),
         home_sections: buildHomeSections(),
         theme_data: readJsonFile(path.join(THEME_DIR, "theme-data.json")),
+        theme_data_schema: readJsonFile(path.join(THEME_DIR, "schema.json")),
         config: readJsonFile(path.join(THEME_DIR, "config.json")),
         style: `${baseUrl}/style.css`,
         script: `${baseUrl}/script.js`,

package/dist/template/theme/config.json CHANGED Viewed

@@ -3,20 +3,7 @@
     "logo": "",
     "pages": [
       {
-        "slug": "terms-and-conditions",
-        "title": "شروط الاستخدام"
-      },
-      {
-        "slug": "shipping-policy",
-        "title": "سياسة الشحن"
-      },
-      {
-        "slug": "refund-policy",
-        "title": "سياسة الاستبدال و الاسترجاع"
-      },
-      {
-        "slug": "privacy-policy",
-        "title": "سياسات الخصوصية"
+        "id": "ADD_PAGE_ID_HERE"
       }
     ],
     "social": [
@@ -47,16 +34,7 @@
     ],
     "categories": [
       {
-        "name": "Men",
-        "slug": "womens-accessories"
-      },
-      {
-        "name": "Women",
-        "slug": "mens-accessories"
-      },
-      {
-        "name": "New Arrival",
-        "slug": "98"
+        "id": "ADD_CATEGORY_ID_HERE"
       }
     ],
     "payment_img": "https://easyorders.fra1.digitaloceanspaces.com/1773958283329740254payment_icons.svg",
@@ -66,45 +44,39 @@
     "logo": "",
     "links": [
       {
-        "url": "/collections/womens-accessories",
-        "name": "Men",
-        "slug": "womens-accessories",
-        "type": "category"
-      },
-      {
-        "url": "/collections/mens-accessories",
-        "name": "Women",
-        "slug": "mens-accessories",
+        "id": "ADD_CATEGORY_ID_HERE",
         "type": "category"
       },
       {
-        "url": "/collections/98",
-        "name": "New Arrival",
-        "slug": "98",
-        "type": "category"
-      },
-      {
-        "url": "/collections/30-off-tree-runner-go-tree-gliders",
-        "name": "Sale",
-        "slug": "30-off-tree-runner-go-tree-gliders",
-        "type": "category"
+        "id": "ADD_PAGE_ID_HERE",
+        "type": "page"
       }
     ],
     "is_use_config": true
   },
   "palette": {
-    "ft_bg": "",
-    "hd_bg": "#a4e6b6",
-    "ann_bg": "#000000",
-    "ft_text": "",
+    "hd_bg": "",
     "hd_text": "",
+    "ann_bg": "",
     "ann_text": "",
+    "ft_bg": "",
+    "ft_text": "",
     "buy_btn_bg": "",
-    "crt_btn_bg": "",
     "buy_btn_text": "",
-    "crt_btn_text": "",
     "buy_btn_border": "",
-    "crt_btn_border": ""
+    "crt_btn_bg": "",
+    "crt_btn_text": "",
+    "crt_btn_border": "",
+    "product_name_text": "",
+    "product_price_text": "",
+    "product_sale_price_text": "",
+    "body_bg": "",
+    "body_text": "",
+    "input_border": "",
+    "input_bg": "",
+    "input_text": "",
+    "checkout_form_bg": "",
+    "checkout_heading_text": ""
   },
   "theme_data": {
     "hero_slides": [],

package/dist/template/theme/home-sections/category-mosaic/config.json CHANGED Viewed

@@ -32,35 +32,9 @@
       "description": "Use tighter spacing between tiles"
     },
     {
-      "name": "tiles",
-      "type": "object_array",
-      "description": "Category or collection tiles",
-      "fields": [
-        {
-          "name": "image",
-          "type": "string",
-          "default": "",
-          "description": "Tile image URL"
-        },
-        {
-          "name": "label",
-          "type": "string",
-          "default": "Dresses",
-          "description": "Tile title"
-        },
-        {
-          "name": "tagline",
-          "type": "string",
-          "default": "Fluid lines",
-          "description": "Short line under the title"
-        },
-        {
-          "name": "url",
-          "type": "string",
-          "default": "/products",
-          "description": "Tile link URL"
-        }
-      ]
+      "name": "mosaic_category_ids",
+      "type": "category_multi_select",
+      "description": "Categories to show as tiles (search and reorder in the picker). Images and titles load from each category."
     }
   ]
 }

package/dist/template/theme/home-sections/category-mosaic/template.liquid CHANGED Viewed

@@ -1,6 +1,8 @@
 <section
-  class="category-mosaic{% if section_data.gap_tight %} category-mosaic--tight{% endif %}"
+  class="category-mosaic eo-hs{% if section_data.gap_tight %} category-mosaic--tight{% endif %}{% if section_data.mosaic_category_ids == blank or section_data.mosaic_category_ids.size == 0 %} eo-hs--empty{% endif %}"
   style="--mosaic-cols: {{ section_data.columns | default: '3' }};"
+  data-eo-hs-entity="categories"
+  data-eo-hs-ids="{{ section_data.mosaic_category_ids | join: ',' | strip }}"
 >
   <div class="category-mosaic__head">
     {% if section_data.title != blank %}
@@ -11,37 +13,15 @@
     {% endif %}
   </div>
-  {% if section_data.tiles and section_data.tiles.size > 0 %}
-    <div class="category-mosaic__grid">
-      {% for tile in section_data.tiles %}
-        <a class="category-mosaic__tile" href="{{ tile.url | default: '#' }}">
-          <div class="category-mosaic__visual">
-            {% if tile.image != blank %}
-              <img
-                class="category-mosaic__img"
-                src="{{ tile.image }}"
-                alt="{{ tile.label }}"
-                loading="lazy"
-                width="640"
-                height="800"
-              />
-            {% else %}
-              <div class="category-mosaic__img-fallback" aria-hidden="true"></div>
-            {% endif %}
-            <div class="category-mosaic__shade" aria-hidden="true"></div>
-          </div>
-          <div class="category-mosaic__meta">
-            {% if tile.label != blank %}
-              <span class="category-mosaic__label">{{ tile.label }}</span>
-            {% endif %}
-            {% if tile.tagline != blank %}
-              <span class="category-mosaic__tagline">{{ tile.tagline }}</span>
-            {% endif %}
-          </div>
-        </a>
+  <div class="category-mosaic__grid" data-eo-hs-mount>
+    {% if section_data.mosaic_category_ids and section_data.mosaic_category_ids.size > 0 %}
+      {% for id in section_data.mosaic_category_ids %}
+        <div class="eo-hs-skeleton eo-hs-skeleton--category" aria-hidden="true"></div>
       {% endfor %}
-    </div>
-  {% endif %}
+    {% else %}
+      <p class="category-mosaic__placeholder">Choose categories in the section settings to build this mosaic.</p>
+    {% endif %}
+  </div>
 </section>
 <style>
@@ -77,6 +57,9 @@
     grid-template-columns: repeat(var(--mosaic-cols, 3), minmax(0, 1fr));
     gap: 1.25rem;
   }
+  .category-mosaic__grid.eo-hs-loading {
+    opacity: 0.85;
+  }
   @media (max-width: 899px) {
     .category-mosaic__grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -87,7 +70,26 @@
       grid-template-columns: 1fr;
     }
   }
-  .category-mosaic__tile {
+  .category-mosaic .eo-hs-skeleton--category {
+    aspect-ratio: 3 / 4;
+    border-radius: 6px;
+    background: linear-gradient(110deg, #ece8e2 8%, #f5f2ee 18%, #ece8e2 33%);
+    background-size: 200% 100%;
+    animation: category-mosaic-shimmer 1.2s ease-in-out infinite;
+  }
+  .category-mosaic__placeholder {
+    grid-column: 1 / -1;
+    margin: 0;
+    padding: 1.25rem;
+    text-align: center;
+    color: #7a7368;
+    font-size: 0.9rem;
+  }
+  .category-mosaic.eo-hs--empty .category-mosaic__grid {
+    display: flex;
+    justify-content: center;
+  }
+  .category-mosaic .eo-hs-card--category {
     position: relative;
     display: block;
     text-decoration: none;
@@ -97,55 +99,57 @@
     background: #ece8e1;
     transition: transform 0.25s ease, box-shadow 0.25s ease;
   }
-  .category-mosaic__tile:hover {
+  .category-mosaic .eo-hs-card--category:hover {
     transform: translateY(-4px);
     box-shadow: 0 22px 50px rgba(20, 18, 24, 0.18);
   }
-  .category-mosaic__visual {
-    position: relative;
+  .category-mosaic .eo-hs-card--category .eo-hs-card__media {
+    display: block;
     aspect-ratio: 3 / 4;
+    background: #ece8e2;
     overflow: hidden;
   }
-  .category-mosaic__img,
-  .category-mosaic__img-fallback {
+  .category-mosaic .eo-hs-card--category .eo-hs-card__media--empty {
+    min-height: 200px;
+  }
+  .category-mosaic .eo-hs-card--category .eo-hs-card__media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: transform 0.45s ease;
   }
-  .category-mosaic__img-fallback {
-    background: linear-gradient(160deg, #d4cec4, #a39a8f);
-  }
-  .category-mosaic__tile:hover .category-mosaic__img {
+  .category-mosaic .eo-hs-card--category:hover .eo-hs-card__media img {
     transform: scale(1.04);
   }
-  .category-mosaic__shade {
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(to top, rgba(12, 10, 14, 0.72), transparent 55%);
-    pointer-events: none;
-  }
-  .category-mosaic__meta {
+  .category-mosaic .eo-hs-card--category .eo-hs-card__body {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 1.25rem 1.1rem 1.1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
-    color: #fff;
+    background: linear-gradient(to top, rgba(12, 10, 14, 0.72), transparent 55%);
   }
-  .category-mosaic__label {
+  .category-mosaic .eo-hs-card--category .eo-hs-card__title {
     font-size: 1.05rem;
     font-weight: 600;
     letter-spacing: 0.02em;
+    color: #fff;
+  }
+  .category-mosaic .eo-hs-error {
+    grid-column: 1 / -1;
+    margin: 0;
+    padding: 1rem;
+    text-align: center;
+    font-size: 0.88rem;
+    color: #8b3225;
   }
-  .category-mosaic__tagline {
-    font-size: 0.82rem;
-    opacity: 0.88;
-    letter-spacing: 0.04em;
-    text-transform: uppercase;
+  @keyframes category-mosaic-shimmer {
+    0% {
+      background-position: 100% 0;
+    }
+    100% {
+      background-position: -100% 0;
+    }
   }
 </style>

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

@@ -4,9 +4,9 @@
   "section_schema": [
     {
       "name": "image",
-      "type": "string",
+      "type": "image",
       "default": "",
-      "description": "Feature image URL"
+      "description": "Feature image"
     },
     {
       "name": "eyebrow",
@@ -33,10 +33,9 @@
       "description": "Link label"
     },
     {
-      "name": "cta_url",
-      "type": "string",
-      "default": "/pages/about",
-      "description": "Link URL"
+      "name": "cta_page_id",
+      "type": "page_single_select",
+      "description": "Simple page the CTA opens (link URL is resolved on the storefront)"
     },
     {
       "name": "image_position",

package/dist/template/theme/home-sections/editorial-feature/template.liquid CHANGED Viewed

@@ -28,7 +28,15 @@
         <p class="editorial-feature__body">{{ section_data.body }}</p>
       {% endif %}
       {% if section_data.cta_label != blank %}
-        <a class="editorial-feature__link" href="{{ section_data.cta_url | default: '#' }}">
+        <a
+          class="editorial-feature__link"
+          href="#"
+          {% if section_data.cta_page_id != blank %}
+            data-eo-hs-cta="1"
+            data-eo-hs-cta-entity="pages"
+            data-eo-hs-cta-id="{{ section_data.cta_page_id }}"
+          {% endif %}
+        >
           {{ section_data.cta_label }}
           <span class="editorial-feature__link-arrow" aria-hidden="true">→</span>
         </a>

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

@@ -26,12 +26,6 @@
       "default": "Join the list",
       "description": "Submit button label"
     },
-    {
-      "name": "form_action",
-      "type": "string",
-      "default": "/pages/contact",
-      "description": "Form action URL (your ESP or contact page)"
-    },
     {
       "name": "footnote",
       "type": "string",

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

@@ -14,15 +14,39 @@
       <p class="newsletter-luxe__body">{{ section_data.body }}</p>
     {% endif %}
-    <form class="newsletter-luxe__form" action="{{ section_data.form_action | default: '/pages/contact' }}" method="get">
+    <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' }}"
-        required
       />
       <button class="newsletter-luxe__submit" type="submit">
         {{ section_data.button_label | default: 'Join the list' }}

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

@@ -4,9 +4,9 @@
   "section_schema": [
     {
       "name": "image",
-      "type": "string",
+      "type": "image",
       "default": "",
-      "description": "Full-width background image URL"
+      "description": "Full-width background image"
     },
     {
       "name": "kicker",
@@ -33,10 +33,9 @@
       "description": "Primary button label"
     },
     {
-      "name": "primary_url",
-      "type": "string",
-      "default": "/products",
-      "description": "Primary button URL"
+      "name": "primary_category_id",
+      "type": "category_single_select",
+      "description": "Collection the primary button links to (resolved on the storefront)"
     },
     {
       "name": "secondary_label",
@@ -45,10 +44,9 @@
       "description": "Secondary button label (hidden if empty)"
     },
     {
-      "name": "secondary_url",
-      "type": "string",
-      "default": "/pages/lookbook",
-      "description": "Secondary button URL"
+      "name": "secondary_page_id",
+      "type": "page_single_select",
+      "description": "Simple page the secondary button links to (when label is set)"
     },
     {
       "name": "overlay_strength",

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

@@ -21,12 +21,28 @@
     {% endif %}
     <div class="runway-hero__actions">
       {% if section_data.primary_label != blank %}
-        <a class="runway-hero__btn runway-hero__btn--primary" href="{{ section_data.primary_url | default: '/products' }}">
+        <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="{{ section_data.secondary_url | default: '#' }}">
+        <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 %}

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

@@ -22,9 +22,9 @@
     },
     {
       "name": "look_image",
-      "type": "string",
+      "type": "image",
       "default": "",
-      "description": "Main outfit or editorial image URL"
+      "description": "Main outfit or editorial image"
     },
     {
       "name": "look_title",
@@ -67,35 +67,9 @@
       ]
     },
     {
-      "name": "picks",
-      "type": "object_array",
-      "description": "Products or pieces to pair with the look",
-      "fields": [
-        {
-          "name": "image",
-          "type": "string",
-          "default": "",
-          "description": "Product image URL"
-        },
-        {
-          "name": "title",
-          "type": "string",
-          "default": "Merino crewneck",
-          "description": "Product name"
-        },
-        {
-          "name": "price",
-          "type": "string",
-          "default": "1,290 MAD",
-          "description": "Price as shown to shoppers"
-        },
-        {
-          "name": "url",
-          "type": "string",
-          "default": "/products",
-          "description": "Product or collection URL"
-        }
-      ]
+      "name": "pick_product_ids",
+      "type": "product_multi_select",
+      "description": "Products to show beside the hero (search and reorder in the picker)"
     }
   ]
 }

package/dist/template/theme/home-sections/shop-the-look/template.liquid CHANGED Viewed

@@ -25,7 +25,7 @@
             loading="lazy"
             width="900"
             height="1120"
-          />
+          >
         {% else %}
           <div class="shop-the-look__hero-placeholder" aria-hidden="true"></div>
         {% endif %}
@@ -44,36 +44,21 @@
       </div>
     </a>
-    {% if section_data.picks and section_data.picks.size > 0 %}
-      <div class="shop-the-look__picks">
-        {% for pick in section_data.picks %}
-          <a class="shop-the-look__pick" href="{{ pick.url | default: '#' }}">
-            <div class="shop-the-look__pick-frame">
-              {% if pick.image != blank %}
-                <img
-                  class="shop-the-look__pick-img"
-                  src="{{ pick.image }}"
-                  alt="{{ pick.title }}"
-                  loading="lazy"
-                  width="320"
-                  height="400"
-                />
-              {% else %}
-                <div class="shop-the-look__pick-fallback" aria-hidden="true"></div>
-              {% endif %}
-            </div>
-            <div class="shop-the-look__pick-meta">
-              {% if pick.title != blank %}
-                <span class="shop-the-look__pick-title">{{ pick.title }}</span>
-              {% endif %}
-              {% if pick.price != blank %}
-                <span class="shop-the-look__pick-price">{{ pick.price }}</span>
-              {% endif %}
-            </div>
-          </a>
-        {% endfor %}
+    <div
+      class="shop-the-look__picks eo-hs{% if section_data.pick_product_ids == blank or section_data.pick_product_ids.size == 0 %} eo-hs--empty{% endif %}"
+      data-eo-hs-entity="products"
+      data-eo-hs-ids="{{ section_data.pick_product_ids | join: ',' | strip }}"
+    >
+      <div class="shop-the-look__picks-inner" data-eo-hs-mount>
+        {% if section_data.pick_product_ids and section_data.pick_product_ids.size > 0 %}
+          {% for id in section_data.pick_product_ids %}
+            <div class="eo-hs-skeleton eo-hs-skeleton--product" aria-hidden="true"></div>
+          {% endfor %}
+        {% else %}
+          <p class="shop-the-look__picks-empty">Add products in the section settings to list pieces from this look.</p>
+        {% endif %}
       </div>
-    {% endif %}
+    </div>
   </div>
 </section>
@@ -204,27 +189,52 @@
     color: #141218;
   }
   .shop-the-look__picks {
+    min-width: 0;
+  }
+  .shop-the-look__picks-empty {
+    margin: 0;
+    font-size: 0.88rem;
+    line-height: 1.5;
+    opacity: 0.75;
+    padding: 0.5rem 0;
+  }
+  .shop-the-look__picks-inner {
     display: flex;
     flex-direction: column;
     gap: 0.85rem;
   }
+  .shop-the-look__picks-inner.eo-hs-loading {
+    opacity: 0.85;
+  }
   @media (max-width: 959px) {
-    .shop-the-look__picks {
+    .shop-the-look__picks-inner {
       flex-flow: row nowrap;
       overflow-x: auto;
       padding-bottom: 0.35rem;
       scroll-snap-type: x mandatory;
       -webkit-overflow-scrolling: touch;
     }
-    .shop-the-look__pick {
+    .shop-the-look__picks-inner .eo-hs-card--product {
       flex: 0 0 min(220px, 72vw);
       scroll-snap-align: start;
     }
   }
-  .shop-the-look__pick {
+  .shop-the-look__picks-inner .eo-hs-skeleton--product {
+    min-height: 96px;
+    border-radius: 8px;
+    background: linear-gradient(110deg, #ece8e2 8%, #f5f2ee 18%, #ece8e2 33%);
+    background-size: 200% 100%;
+    animation: shop-the-look-shimmer 1.2s ease-in-out infinite;
+  }
+  .shop-the-look--charcoal .shop-the-look__picks-inner .eo-hs-skeleton--product {
+    background: linear-gradient(110deg, #2a2630 8%, #3a3540 18%, #2a2630 33%);
+    background-size: 200% 100%;
+  }
+  .shop-the-look__picks-inner .eo-hs-card--product {
     display: flex;
-    gap: 0.85rem;
+    flex-direction: row;
     align-items: center;
+    gap: 0.85rem;
     text-decoration: none;
     color: inherit;
     padding: 0.65rem;
@@ -233,52 +243,62 @@
     border: 1px solid rgba(28, 26, 23, 0.06);
     transition: background 0.2s ease, transform 0.2s ease;
   }
-  .shop-the-look--charcoal .shop-the-look__pick {
+  .shop-the-look--charcoal .shop-the-look__picks-inner .eo-hs-card--product {
     background: rgba(255, 255, 255, 0.05);
     border-color: rgba(255, 255, 255, 0.08);
   }
-  .shop-the-look__pick:hover {
+  .shop-the-look__picks-inner .eo-hs-card--product:hover {
     background: rgba(255, 255, 255, 0.85);
     transform: translateX(2px);
   }
-  .shop-the-look--charcoal .shop-the-look__pick:hover {
+  .shop-the-look--charcoal .shop-the-look__picks-inner .eo-hs-card--product:hover {
     background: rgba(255, 255, 255, 0.1);
   }
-  .shop-the-look__pick-frame {
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__media {
     flex-shrink: 0;
     width: 76px;
     height: 96px;
     border-radius: 4px;
     overflow: hidden;
+    aspect-ratio: unset;
+  }
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__media--empty {
+    min-height: 96px;
     background: #ddd8d0;
   }
-  .shop-the-look--charcoal .shop-the-look__pick-frame {
+  .shop-the-look--charcoal .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__media--empty {
     background: #2a2630;
   }
-  .shop-the-look__pick-img,
-  .shop-the-look__pick-fallback {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-  .shop-the-look__pick-fallback {
-    background: linear-gradient(160deg, #b0a69a, #7d756c);
-  }
-  .shop-the-look__pick-meta {
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__body {
     display: flex;
     flex-direction: column;
     gap: 0.2rem;
     min-width: 0;
+    padding: 0;
   }
-  .shop-the-look__pick-title {
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__title {
     font-size: 0.9rem;
     font-weight: 600;
     line-height: 1.35;
   }
-  .shop-the-look__pick-price {
+  .shop-the-look__picks-inner .eo-hs-card--product .eo-hs-card__meta {
     font-size: 0.82rem;
     opacity: 0.75;
     letter-spacing: 0.03em;
   }
+  .shop-the-look__picks .eo-hs-error {
+    margin: 0;
+    font-size: 0.86rem;
+    color: #8b3225;
+    text-align: center;
+    padding: 0.5rem 0;
+  }
+  @keyframes shop-the-look-shimmer {
+    0% {
+      background-position: 100% 0;
+    }
+    100% {
+      background-position: -100% 0;
+    }
+  }
 </style>

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

@@ -25,9 +25,9 @@
       "fields": [
         {
           "name": "icon",
-          "type": "string",
+          "type": "image",
           "default": "",
-          "description": "Optional small icon or logo URL"
+          "description": "Optional small icon or logo"
         },
         {
           "name": "title",

package/dist/template/theme/schema.json CHANGED Viewed

@@ -75,6 +75,12 @@
     "name": "hero_slides",
     "type": "object_array",
     "fields": [
+      {
+        "name": "image",
+        "type": "image",
+        "default": "",
+        "description": "Slide background image"
+      },
       {
         "name": "title",
         "type": "string",

package/dist/template/theme/script.js CHANGED Viewed

@@ -373,6 +373,178 @@
       }
     });
   }
+  function h() {
+    function m(root) {
+      var wrap = root.closest("[data-eo-api-base]");
+      if (wrap && wrap.getAttribute("data-eo-api-base")) {
+        return wrap.getAttribute("data-eo-api-base").replace(/\/$/, "");
+      }
+      if (typeof window.__EO_STORE_API_BASE__ === "string" && window.__EO_STORE_API_BASE__) {
+        return window.__EO_STORE_API_BASE__.replace(/\/$/, "");
+      }
+      return "https://api.easyorders.dev/api/v1";
+    }
+    function p(body) {
+      if (Array.isArray(body)) return body;
+      if (body && Array.isArray(body.data)) return body.data;
+      return [];
+    }
+    document.querySelectorAll("[data-eo-hs-entity]:not([data-eo-hs-done])").forEach(function (root) {
+      var base = m(root);
+      var mount = root.querySelector("[data-eo-hs-mount]");
+      var idsStr = root.getAttribute("data-eo-hs-ids") || "";
+      var ids = idsStr
+        .split(",")
+        .map(function (s) {
+          return s.trim();
+        })
+        .filter(Boolean);
+      if (!base || !mount || ids.length === 0) {
+        root.setAttribute("data-eo-hs-done", "1");
+        return;
+      }
+      root.setAttribute("data-eo-hs-done", "1");
+      var entity = root.getAttribute("data-eo-hs-entity") || "";
+      var path =
+        entity === "categories"
+          ? "categories"
+          : entity === "pages"
+            ? "simple-pages"
+            : "products";
+      var url =
+        base.replace(/\/$/, "") +
+        "/" +
+        path +
+        "?filter=id||$in||" +
+        ids.join(",") +
+        "&limit=" +
+        ids.length;
+      mount.classList.add("eo-hs-loading");
+      fetch(url, { credentials: "omit", headers: { Accept: "application/json" } })
+        .then(function (res) {
+          return res.ok ? res.json() : Promise.reject(new Error(String(res.status)));
+        })
+        .then(function (body) {
+          var rows = p(body);
+          var byId = {};
+          rows.forEach(function (row) {
+            if (row && row.id != null) byId[String(row.id)] = row;
+          });
+          var frag = document.createDocumentFragment();
+          ids.forEach(function (id) {
+            var row = byId[id];
+            if (!row) return;
+            if (entity === "products") {
+              var slug = row.slug || "";
+              var name = row.name || "";
+              var thumb = row.thumb || "";
+              var price =
+                row.sale_price != null && row.price != null && row.sale_price < row.price
+                  ? row.sale_price
+                  : row.price;
+              var el = document.createElement("a");
+              el.className = "eo-hs-card eo-hs-card--product";
+              el.href = slug ? "/products/" + encodeURIComponent(slug) : "#";
+              el.innerHTML =
+                (thumb
+                  ? '<span class="eo-hs-card__media"><img src="' +
+                    String(thumb).replace(/"/g, "") +
+                    '" alt="" loading="lazy" width="280" height="350" /></span>'
+                  : '<span class="eo-hs-card__media eo-hs-card__media--empty"></span>') +
+                '<span class="eo-hs-card__body"><span class="eo-hs-card__title">' +
+                String(name || "").replace(/</g, "&lt;") +
+                "</span>" +
+                (price != null
+                  ? '<span class="eo-hs-card__meta">' + String(price) + "</span>"
+                  : "") +
+                "</span>";
+              frag.appendChild(el);
+            } else if (entity === "categories") {
+              var cslug = row.slug || "";
+              var cname = row.name || "";
+              var cthumb = row.thumb || "";
+              var ca = document.createElement("a");
+              ca.className = "eo-hs-card eo-hs-card--category";
+              ca.href = cslug ? "/collections/" + encodeURIComponent(cslug) : "#";
+              ca.innerHTML =
+                (cthumb
+                  ? '<span class="eo-hs-card__media"><img src="' +
+                    String(cthumb).replace(/"/g, "") +
+                    '" alt="" loading="lazy" width="320" height="200" /></span>'
+                  : '<span class="eo-hs-card__media eo-hs-card__media--empty"></span>') +
+                '<span class="eo-hs-card__body"><span class="eo-hs-card__title">' +
+                String(cname || "").replace(/</g, "&lt;") +
+                "</span></span>";
+              frag.appendChild(ca);
+            } else {
+              var pslug = row.slug || "";
+              var ptitle = row.title || "";
+              var pa = document.createElement("a");
+              pa.className = "eo-hs-card eo-hs-card--page";
+              pa.href = pslug ? "/pages/" + encodeURIComponent(pslug) : "#";
+              pa.innerHTML =
+                '<span class="eo-hs-card__body"><span class="eo-hs-card__title">' +
+                String(ptitle || "").replace(/</g, "&lt;") +
+                "</span></span>";
+              frag.appendChild(pa);
+            }
+          });
+          mount.textContent = "";
+          mount.appendChild(frag);
+          mount.classList.remove("eo-hs-loading");
+          root.classList.remove("eo-hs--empty");
+        })
+        .catch(function () {
+          mount.classList.remove("eo-hs-loading");
+          mount.innerHTML =
+            '<p class="eo-hs-error" role="status">Unable to load this block. Check your connection or try again later.</p>';
+        });
+    });
+  }
+  function d() {
+    function b(el) {
+      var wrap = el.closest("[data-eo-api-base]");
+      if (wrap && wrap.getAttribute("data-eo-api-base")) {
+        return wrap.getAttribute("data-eo-api-base").replace(/\/$/, "");
+      }
+      if (typeof window.__EO_STORE_API_BASE__ === "string" && window.__EO_STORE_API_BASE__) {
+        return window.__EO_STORE_API_BASE__.replace(/\/$/, "");
+      }
+      return "https://api.easyorders.dev/api/v1";
+    }
+    document.querySelectorAll("a[data-eo-hs-cta]:not([data-eo-hs-cta-done])").forEach(function (a) {
+      var id = String(a.getAttribute("data-eo-hs-cta-id") || "").trim();
+      var entity = a.getAttribute("data-eo-hs-cta-entity") || "";
+      a.setAttribute("data-eo-hs-cta-done", "1");
+      if (!id) return;
+      var base = b(a);
+      var path =
+        entity === "categories"
+          ? "categories"
+          : entity === "pages"
+            ? "simple-pages"
+            : "products";
+      var url =
+        base.replace(/\/$/, "") +
+        "/" +
+        path +
+        "?filter=id||$in||" + id + "&limit=1";
+      fetch(url, { credentials: "omit", headers: { Accept: "application/json" } })
+        .then(function (res) {
+          return res.ok ? res.json() : Promise.reject(new Error(String(res.status)));
+        })
+        .then(function (body) {
+          var rows = Array.isArray(body) ? body : body && Array.isArray(body.data) ? body.data : [];
+          var row = rows[0];
+          if (!row) return;
+          var slug = row.slug || "";
+          if (entity === "categories" && slug) a.href = "/collections/" + encodeURIComponent(slug);
+          else if (entity === "pages" && slug) a.href = "/pages/" + encodeURIComponent(slug);
+          else if (entity === "products" && slug) a.href = "/products/" + encodeURIComponent(slug);
+        })
+        .catch(function () {});
+    });
+  }
   e(),
     t(),
     a(),
@@ -381,6 +553,8 @@
     o(),
     u(),
     v(),
+    h(),
+    d(),
     window.__abGalleryKeyInit ||
       ((window.__abGalleryKeyInit = !0),
       document.addEventListener("keydown", function (e) {
@@ -407,6 +581,6 @@
     l(),
     s(),
     new MutationObserver(function () {
-      e(), t(), a(), n(), r(), o(), u(), v(), i(), c(), l(), s();
+      e(), t(), a(), n(), r(), o(), u(), v(), h(), d(), i(), c(), l(), s();
     }).observe(document.body, { childList: !0, subtree: !0 });
 })();

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "easyorders",
-  "version": "0.1.9",
+  "version": "0.1.13",
   "description": "CLI tool for creating and developing Easy Orders themes",
   "type": "module",
   "bin": {