easyorders 0.1.14 → 0.1.15

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

@@ -1,155 +1,155 @@
-<section
-  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 %}
-      <h2 class="category-mosaic__title">{{ section_data.title }}</h2>
-    {% endif %}
-    {% if section_data.subtitle != blank %}
-      <p class="category-mosaic__subtitle">{{ section_data.subtitle }}</p>
-    {% endif %}
-  </div>
-
-  <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 %}
-    {% else %}
-      <p class="category-mosaic__placeholder">Choose categories in the section settings to build this mosaic.</p>
-    {% endif %}
-  </div>
-</section>
-
-<style>
-  .category-mosaic {
-    padding: clamp(2.5rem, 5vw, 4rem) 1.25rem 3rem;
-    background: #fff;
-    color: #141218;
-  }
-  .category-mosaic--tight .category-mosaic__grid {
-    gap: 0.75rem;
-  }
-  .category-mosaic__head {
-    max-width: 720px;
-    margin: 0 auto 2rem;
-    text-align: center;
-  }
-  .category-mosaic__title {
-    margin: 0 0 0.5rem;
-    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    font-weight: 500;
-    font-size: clamp(1.75rem, 4vw, 2.35rem);
-  }
-  .category-mosaic__subtitle {
-    margin: 0;
-    font-size: 1rem;
-    line-height: 1.6;
-    color: #5c5852;
-  }
-  .category-mosaic__grid {
-    max-width: 1200px;
-    margin: 0 auto;
-    display: grid;
-    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));
-    }
-  }
-  @media (max-width: 520px) {
-    .category-mosaic__grid {
-      grid-template-columns: 1fr;
-    }
-  }
-  .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;
-    color: inherit;
-    border-radius: 6px;
-    overflow: hidden;
-    background: #ece8e1;
-    transition: transform 0.25s ease, box-shadow 0.25s ease;
-  }
-  .category-mosaic .eo-hs-card--category:hover {
-    transform: translateY(-4px);
-    box-shadow: 0 22px 50px rgba(20, 18, 24, 0.18);
-  }
-  .category-mosaic .eo-hs-card--category .eo-hs-card__media {
-    display: block;
-    aspect-ratio: 3 / 4;
-    background: #ece8e2;
-    overflow: hidden;
-  }
-  .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 .eo-hs-card--category:hover .eo-hs-card__media img {
-    transform: scale(1.04);
-  }
-  .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;
-    background: linear-gradient(to top, rgba(12, 10, 14, 0.72), transparent 55%);
-  }
-  .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;
-  }
-  @keyframes category-mosaic-shimmer {
-    0% {
-      background-position: 100% 0;
-    }
-    100% {
-      background-position: -100% 0;
-    }
-  }
-</style>
+<section
+  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 %}
+      <h2 class="category-mosaic__title">{{ section_data.title }}</h2>
+    {% endif %}
+    {% if section_data.subtitle != blank %}
+      <p class="category-mosaic__subtitle">{{ section_data.subtitle }}</p>
+    {% endif %}
+  </div>
+
+  <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 %}
+    {% else %}
+      <p class="category-mosaic__placeholder">Choose categories in the section settings to build this mosaic.</p>
+    {% endif %}
+  </div>
+</section>
+
+<style>
+  .category-mosaic {
+    padding: clamp(2.5rem, 5vw, 4rem) 1.25rem 3rem;
+    background: #fff;
+    color: #141218;
+  }
+  .category-mosaic--tight .category-mosaic__grid {
+    gap: 0.75rem;
+  }
+  .category-mosaic__head {
+    max-width: 720px;
+    margin: 0 auto 2rem;
+    text-align: center;
+  }
+  .category-mosaic__title {
+    margin: 0 0 0.5rem;
+    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+    font-weight: 500;
+    font-size: clamp(1.75rem, 4vw, 2.35rem);
+  }
+  .category-mosaic__subtitle {
+    margin: 0;
+    font-size: 1rem;
+    line-height: 1.6;
+    color: #5c5852;
+  }
+  .category-mosaic__grid {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: grid;
+    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));
+    }
+  }
+  @media (max-width: 520px) {
+    .category-mosaic__grid {
+      grid-template-columns: 1fr;
+    }
+  }
+  .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;
+    color: inherit;
+    border-radius: 6px;
+    overflow: hidden;
+    background: #ece8e1;
+    transition: transform 0.25s ease, box-shadow 0.25s ease;
+  }
+  .category-mosaic .eo-hs-card--category:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 22px 50px rgba(20, 18, 24, 0.18);
+  }
+  .category-mosaic .eo-hs-card--category .eo-hs-card__media {
+    display: block;
+    aspect-ratio: 3 / 4;
+    background: #ece8e2;
+    overflow: hidden;
+  }
+  .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 .eo-hs-card--category:hover .eo-hs-card__media img {
+    transform: scale(1.04);
+  }
+  .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;
+    background: linear-gradient(to top, rgba(12, 10, 14, 0.72), transparent 55%);
+  }
+  .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;
+  }
+  @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

@@ -1,67 +1,67 @@
-{
-  "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://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"
+    }
+  ]
+}