@runwell/shopify-toolkit 0.6.0 → 0.8.0

package/modules/pdp-journal-link/sections/runwell-pdp-journal.liquid

@@ -1,11 +1,13 @@
 {%- comment -%}
-  Lushi PDP journal link. Connects a product to the editorial article that
-  explains why it's on Lushi. Uses the product's metafield
-  `lushi.journal_article` if set, otherwise falls back to the linked
-  article picked in the section settings, otherwise the manual title.
+  Runwell PDP journal link. Connects a product to the editorial article
+  that explains why we carry it. Uses the product metafield
+  `<namespace>.journal_article` (default namespace 'runwell', overridable
+  per-client). Falls back to the section settings article picker, then
+  the manual title.
 {%- endcomment -%}
 
-{%- assign linked_article = product.metafields.lushi.journal_article.value -%}
+{%- assign ns = section.settings.metafield_namespace | default: 'runwell' -%}
+{%- assign linked_article = product.metafields[ns].journal_article.value -%}
 {%- if linked_article == blank -%}
   {%- assign linked_article = section.settings.article -%}
 {%- endif -%}
@@ -59,7 +61,7 @@
 
 {% schema %}
 {
-  "name": "Lushi PDP journal link",
+  "name": "Runwell PDP journal link",
   "tag": "section",
   "class": "section-runwell-pdp-journal",
   "settings": [
@@ -69,11 +71,18 @@
       "label": "Eyebrow",
       "default": "From the journal"
     },
+    {
+      "type": "text",
+      "id": "metafield_namespace",
+      "label": "Journal metafield namespace",
+      "default": "runwell",
+      "info": "Reads product.metafields.<namespace>.journal_article. Default: runwell."
+    },
     {
       "type": "article",
       "id": "article",
       "label": "Linked article (override)",
-      "info": "Optional. If set, overrides the product's lushi.journal_article metafield."
+      "info": "Optional. If set, overrides the product's <namespace>.journal_article metafield."
     },
     {
       "type": "color",
@@ -101,7 +110,7 @@
       "type": "textarea",
       "id": "fallback_body",
       "label": "Fallback body",
-      "default": "Every product on Lushi pairs with a journal article. Browse the full archive to dig deeper."
+      "default": "Every product we carry pairs with a journal article. Browse the full archive to dig deeper."
     },
     {
       "type": "text",
@@ -117,7 +126,7 @@
   ],
   "presets": [
     {
-      "name": "Lushi PDP journal link"
+      "name": "Runwell PDP journal link"
     }
   ]
 }

package/modules/pdp-trust-checks/sections/runwell-pdp-trust.liquid

@@ -1,5 +1,5 @@
 {%- comment -%}
-  Lushi PDP trust block. Shows the four-check standards on every PDP.
+  Runwell PDP trust block. Shows the four-check standards on every PDP.
   Builds buyer trust the way Goop's "What it is / what it does" panels do.
   Drop into product.json after the main-product section.
 {%- endcomment -%}
@@ -56,7 +56,7 @@
 
 {% schema %}
 {
-  "name": "Lushi PDP trust",
+  "name": "Runwell PDP trust",
   "tag": "section",
   "class": "section-runwell-pdp-trust",
   "settings": [
@@ -76,7 +76,7 @@
       "type": "textarea",
       "id": "lede",
       "label": "Lede",
-      "default": "We do not stock everything. Every product on Lushi has to clear these four checks before it gets a page."
+      "default": "We do not stock everything. Every product has to clear these four checks before it gets a page."
     },
     {
       "type": "color",
@@ -128,7 +128,7 @@
   ],
   "presets": [
     {
-      "name": "Lushi PDP trust",
+      "name": "Runwell PDP trust",
       "blocks": [
         { "type": "check", "settings": { "eyebrow": "Check 01", "title": "Ingredients we trust.", "body": "Whole-food forms over synthetic where the science holds. Synthetic where it works better, with a clear reason why." } },
         { "type": "check", "settings": { "eyebrow": "Check 02", "title": "Doses that match research.", "body": "We check actual doses against published trials. No buzzword ingredients at one-tenth the studied dose." } },

package/modules/press-bar/sections/runwell-press-bar.liquid

@@ -1,5 +1,5 @@
 {%- comment -%}
-  Lushi press bar. Logos in a row with optional eyebrow text and link.
+  Runwell press bar. Logos in a row with optional eyebrow text and link.
   Used on homepage and about page. Keep tight; the wins do the talking.
 
   Block options (in priority order):
@@ -52,7 +52,7 @@
 
 {% schema %}
 {
-  "name": "Lushi press bar",
+  "name": "Runwell press bar",
   "tag": "section",
   "class": "section-runwell-press-bar",
   "settings": [
@@ -104,7 +104,7 @@
   "max_blocks": 9,
   "presets": [
     {
-      "name": "Lushi press bar",
+      "name": "Runwell press bar",
       "blocks": [
         { "type": "logo", "settings": { "label": "Bloomberg",       "asset_filename": "runwell-press-bloomberg.png" } },
         { "type": "logo", "settings": { "label": "Yahoo Finance",   "asset_filename": "runwell-press-yahoo-finance.png" } },

package/modules/recently-viewed/sections/runwell-recently-viewed.liquid

@@ -1,5 +1,5 @@
 {%- comment -%}
-  Lushi recently-viewed products. Reads from localStorage (populated on
+  Runwell recently-viewed products. Reads from localStorage (populated on
   PDP visits) and renders up to 4 cards. Native replacement for the
   recently-viewed feature in Vitals / similar apps.
 {%- endcomment -%}
@@ -23,7 +23,7 @@
 
 {% schema %}
 {
-  "name": "Lushi recently viewed",
+  "name": "Runwell recently viewed",
   "tag": "section",
   "class": "section-runwell-rv",
   "settings": [
@@ -32,7 +32,7 @@
     { "type": "color", "id": "background_color", "label": "Background", "default": "#FFFFFF" }
   ],
   "presets": [
-    { "name": "Lushi recently viewed" }
+    { "name": "Runwell recently viewed" }
   ]
 }
 {% endschema %}

package/modules/reviews/sections/runwell-pdp-reviews.liquid

@@ -1,12 +1,15 @@
 {%- comment -%}
-  Lushi native PDP reviews. Replaces Stamped / Loox display layer.
-  Reads from product metafield `lushi.reviews` (json type) where each
-  entry is { name, location, rating, body, date, verified }.
-  Falls back to a "no reviews yet" state with a CTA to email a review.
+  Runwell native PDP reviews. Replaces Stamped / Loox display layer.
+  Reads from product metafield `<namespace>.reviews` (json type, default
+  namespace 'runwell', overridable per-client via section setting).
+  Each entry is { name, location, rating, body, date, verified }.
+  Falls back to a "no reviews yet" state with a mailto CTA pointing
+  to shop.email (merchant configures in Shopify admin > settings).
 {%- endcomment -%}
 
 {%- if product != blank -%}
-  {%- assign reviews_json = product.metafields.lushi.reviews.value -%}
+  {%- assign ns = section.settings.metafield_namespace | default: 'runwell' -%}
+  {%- assign reviews_json = product.metafields[ns].reviews.value -%}
   <section class="runwell-reviews" data-runwell-reviews>
     <div class="runwell-reviews__inner">
       <header class="runwell-reviews__header">
@@ -45,7 +48,9 @@
         </ul>
       {%- else -%}
         <div class="runwell-reviews__empty">
-          <p>No reviews on this one yet. If you have tried it, write us at <a href="mailto:hello@lushi.co?subject=Review for {{ product.title | escape }}">hello@lushi.co</a> and we will publish thoughtful reviews on the page.</p>
+          {%- comment -%}brand.support_email is interpolated at sync time from runwell.config.json; falls back to Shopify admin shop.email if the brand var is unset.{%- endcomment -%}
+          {%- assign reply_to = '{{brand.support_email}}' | default: shop.email | default: shop.url -%}
+          <p>No reviews on this one yet. If you have tried it, write us at <a href="mailto:{{ reply_to }}?subject=Review for {{ product.title | escape }}">{{ reply_to }}</a> and we will publish thoughtful reviews on the page.</p>
         </div>
       {%- endif -%}
 
@@ -79,14 +84,15 @@
 
 {% schema %}
 {
-  "name": "Lushi PDP reviews",
+  "name": "Runwell PDP reviews",
   "tag": "section",
   "class": "section-runwell-pdp-reviews",
   "settings": [
-    { "type": "text", "id": "heading", "label": "Heading", "default": "What customers wrote in." }
+    { "type": "text", "id": "heading", "label": "Heading", "default": "What customers wrote in." },
+    { "type": "text", "id": "metafield_namespace", "label": "Reviews metafield namespace", "default": "runwell", "info": "Reads product.metafields.<namespace>.reviews. Default: runwell." }
   ],
   "presets": [
-    { "name": "Lushi PDP reviews" }
+    { "name": "Runwell PDP reviews" }
   ]
 }
 {% endschema %}

package/modules/risk-reversal/sections/runwell-risk-reversal.liquid

@@ -1,5 +1,5 @@
 {%- comment -%}
-  Lushi risk-reversal block. Small, calm reassurance that drops directly
+  Runwell risk-reversal block. Small, calm reassurance that drops directly
   under the PDP buy form (or anywhere the editor wants reassurance).
   Per CRO §5.3 (foundational trust signal under add-to-cart).
 {%- endcomment -%}
@@ -39,7 +39,7 @@
 
 {% schema %}
 {
-  "name": "Lushi risk reversal",
+  "name": "Runwell risk reversal",
   "tag": "section",
   "class": "section-runwell-risk-reversal",
   "settings": [
@@ -87,7 +87,7 @@
   ],
   "presets": [
     {
-      "name": "Lushi risk reversal"
+      "name": "Runwell risk reversal"
     }
   ]
 }

package/modules/scrolling-ticker/assets/runwell-scrolling-ticker.css

@@ -0,0 +1,51 @@
+.runwell-scrolling-ticker {
+  overflow: hidden;
+  white-space: nowrap;
+  padding: 12px 0;
+  font-size: 1.4rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.scrolling-ticker__inner {
+  display: flex;
+  width: max-content;
+  animation: ticker-scroll var(--ticker-speed, 25s) linear infinite;
+}
+
+.scrolling-ticker__content {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.scrolling-ticker__item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.scrolling-ticker__separator {
+  opacity: 0.6;
+}
+
+.scrolling-ticker__icon {
+  font-size: 1.2em;
+}
+
+@keyframes ticker-scroll {
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-25%); }
+}
+
+.scrolling-ticker:hover .scrolling-ticker__inner {
+  animation-play-state: paused;
+}
+
+@media screen and (max-width: 749px) {
+  .runwell-scrolling-ticker {
+    font-size: 1.2rem;
+    padding: 10px 0;
+  }
+}

package/modules/scrolling-ticker/module.json

@@ -0,0 +1,13 @@
+{
+  "name": "scrolling-ticker",
+  "version": "0.1.0",
+  "category": "social-proof",
+  "description": "Top-of-page horizontally-scrolling promotional ticker (free shipping, sale messaging, FOMO copy). One block per text item. Replaces announcement-bar / scrolling-text apps. Promoted from Lusha bespoke (guabrasha-store/sections/scrolling-ticker.liquid).",
+  "files": {
+    "sections": ["sections/runwell-scrolling-ticker.liquid"],
+    "assets": ["assets/runwell-scrolling-ticker.css"]
+  },
+  "config": {
+    "schema": {}
+  }
+}

package/modules/scrolling-ticker/sections/runwell-scrolling-ticker.liquid

@@ -0,0 +1,82 @@
+{{ 'runwell-scrolling-ticker.css' | asset_url | stylesheet_tag }}
+
+<div class="runwell-scrolling-ticker color-{{ section.settings.color_scheme }}" role="marquee">
+  <div class="scrolling-ticker__inner">
+    {% for i in (1..4) %}
+      <div class="scrolling-ticker__content" {% if forloop.index > 1 %}aria-hidden="true"{% endif %}>
+        {% for block in section.blocks %}
+          <span class="scrolling-ticker__item">
+            {% if block.settings.icon != 'none' %}
+              <span class="scrolling-ticker__icon">{{ block.settings.icon }}</span>
+            {% endif %}
+            {{ block.settings.text }}
+          </span>
+          <span class="scrolling-ticker__separator">&nbsp;&nbsp;{{ section.settings.separator }}&nbsp;&nbsp;</span>
+        {% endfor %}
+      </div>
+    {% endfor %}
+  </div>
+</div>
+
+{% schema %}
+{
+  "name": "Scrolling Ticker",
+  "tag": "section",
+  "class": "section-runwell-scrolling-ticker",
+  "settings": [
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "Color scheme",
+      "default": "scheme-3"
+    },
+    {
+      "type": "text",
+      "id": "separator",
+      "label": "Separator",
+      "default": "\u2728"
+    },
+    {
+      "type": "range",
+      "id": "speed",
+      "label": "Scroll speed (seconds)",
+      "min": 10,
+      "max": 60,
+      "step": 5,
+      "default": 25,
+      "unit": "s"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "text",
+      "name": "Text item",
+      "settings": [
+        {
+          "type": "text",
+          "id": "text",
+          "label": "Text",
+          "default": "Free shipping on orders over $50"
+        },
+        {
+          "type": "text",
+          "id": "icon",
+          "label": "Icon (emoji)",
+          "default": "none"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Scrolling Ticker",
+      "blocks": [
+        { "type": "text", "settings": { "text": "FREE SHIPPING on orders over $50", "icon": "\u2728" } },
+        { "type": "text", "settings": { "text": "Your 2-minute morning sculpting ritual", "icon": "\u2728" } },
+        { "type": "text", "settings": { "text": "Inspired by centuries of facial sculpting wisdom", "icon": "\u2728" } },
+        { "type": "text", "settings": { "text": "90-Day Satisfaction Guarantee", "icon": "\u2728" } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/modules/shipping-bar/sections/runwell-shipping-bar.liquid

@@ -1,5 +1,5 @@
 {%- comment -%}
-  Lushi free-shipping announcement bar. Sits at the very top of every
+  Runwell free-shipping announcement bar. Sits at the very top of every
   page. Reads cart total and shows a progress message + bar.
 {%- endcomment -%}
 
@@ -40,7 +40,7 @@
 
 {% schema %}
 {
-  "name": "Lushi shipping bar",
+  "name": "Runwell shipping bar",
   "tag": "aside",
   "class": "section-runwell-shipping-bar",
   "enabled_on": {
@@ -88,7 +88,7 @@
   ],
   "presets": [
     {
-      "name": "Lushi shipping bar"
+      "name": "Runwell shipping bar"
     }
   ]
 }

package/modules/social-proof-banner/assets/runwell-social-proof-banner.css

@@ -0,0 +1,30 @@
+.social-proof-banner__content {
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 0.6rem;
+  text-align: center;
+}
+
+.social-proof-banner__count {
+  font-family: var(--font-heading-family);
+  font-size: 3.6rem;
+  font-weight: 600;
+  line-height: 1;
+}
+
+.social-proof-banner__text {
+  font-size: 1.6rem;
+  opacity: 0.8;
+}
+
+@media screen and (max-width: 749px) {
+  .social-proof-banner__content {
+    flex-direction: column;
+    gap: 0.2rem;
+  }
+
+  .social-proof-banner__count {
+    font-size: 2.8rem;
+  }
+}

package/modules/social-proof-banner/module.json

@@ -0,0 +1,13 @@
+{
+  "name": "social-proof-banner",
+  "version": "0.1.0",
+  "category": "social-proof",
+  "description": "Single-line social-proof banner (e.g. 'Loved by 12,400+ customers'). Compact form for tucking under hero or above CTA. Replaces fixed-text social-proof apps. Promoted from Lusha bespoke (guabrasha-store/sections/social-proof-banner.liquid).",
+  "files": {
+    "sections": ["sections/runwell-social-proof-banner.liquid"],
+    "assets": ["assets/runwell-social-proof-banner.css"]
+  },
+  "config": {
+    "schema": {}
+  }
+}

package/modules/social-proof-banner/sections/runwell-social-proof-banner.liquid

@@ -0,0 +1,66 @@
+{{ 'runwell-social-proof-banner.css' | asset_url | stylesheet_tag }}
+
+<div class="runwell-social-proof-banner color-{{ section.settings.color_scheme }} section-{{ section.id }}-padding">
+  <div class="page-width">
+    <div class="social-proof-banner__content">
+      {% if section.settings.count != blank %}
+        <span class="social-proof-banner__count">{{ section.settings.count }}</span>
+      {% endif %}
+      {% if section.settings.text != blank %}
+        <span class="social-proof-banner__text">{{ section.settings.text }}</span>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+{% schema %}
+{
+  "name": "Social Proof Banner",
+  "tag": "section",
+  "class": "section-runwell-social-proof-banner",
+  "settings": [
+    {
+      "type": "text",
+      "id": "count",
+      "label": "Count",
+      "default": "2,400+"
+    },
+    {
+      "type": "text",
+      "id": "text",
+      "label": "Text",
+      "default": "Happy Customers and Counting"
+    },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "Color scheme",
+      "default": "scheme-2"
+    },
+    {
+      "type": "range",
+      "id": "padding_top",
+      "label": "Top padding",
+      "min": 0, "max": 60, "step": 4, "default": 24, "unit": "px"
+    },
+    {
+      "type": "range",
+      "id": "padding_bottom",
+      "label": "Bottom padding",
+      "min": 0, "max": 60, "step": 4, "default": 24, "unit": "px"
+    }
+  ],
+  "presets": [
+    {
+      "name": "Social Proof Banner"
+    }
+  ]
+}
+{% endschema %}
+
+<style>
+  .section-{{ section.id }}-padding {
+    padding-top: {{ section.settings.padding_top }}px;
+    padding-bottom: {{ section.settings.padding_bottom }}px;
+  }
+</style>

package/modules/stats-bar/assets/runwell-stats-bar.css

@@ -0,0 +1,49 @@
+.stats-bar__grid {
+  display: grid;
+  gap: 2rem;
+  text-align: center;
+}
+
+.stats-bar__grid--3-col {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.stats-bar__grid--2-col {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.stats-bar__grid--4-col {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.stats-bar__item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.8rem;
+  padding: 2rem 1rem;
+}
+
+.stats-bar__number {
+  font-size: 4.8rem;
+  line-height: 1;
+  font-weight: 600;
+}
+
+.stats-bar__label {
+  font-size: 1.4rem;
+  opacity: 0.85;
+  max-width: 24ch;
+  line-height: 1.4;
+}
+
+@media screen and (max-width: 749px) {
+  .stats-bar__grid--3-col,
+  .stats-bar__grid--4-col {
+    grid-template-columns: 1fr;
+  }
+
+  .stats-bar__number {
+    font-size: 3.6rem;
+  }
+}

package/modules/stats-bar/module.json

@@ -0,0 +1,13 @@
+{
+  "name": "stats-bar",
+  "version": "0.1.0",
+  "category": "social-proof",
+  "description": "Three-up (or N-up) stats row with big number + supporting label per block. Editorial social proof: clinical results, customer surveys, NPS, etc. Replaces app-driven stat counters. Promoted from Lusha bespoke (guabrasha-store/sections/stats-bar.liquid).",
+  "files": {
+    "sections": ["sections/runwell-stats-bar.liquid"],
+    "assets": ["assets/runwell-stats-bar.css"]
+  },
+  "config": {
+    "schema": {}
+  }
+}

package/modules/stats-bar/sections/runwell-stats-bar.liquid

@@ -0,0 +1,87 @@
+{{ 'runwell-stats-bar.css' | asset_url | stylesheet_tag }}
+
+<div class="runwell-stats-bar color-{{ section.settings.color_scheme }} section-{{ section.id }}-padding">
+  <div class="page-width">
+    <div class="stats-bar__grid stats-bar__grid--{{ section.blocks.size }}-col">
+      {% for block in section.blocks %}
+        <div class="stats-bar__item" {{ block.shopify_attributes }}>
+          <span class="stats-bar__number h0">{{ block.settings.number }}</span>
+          <span class="stats-bar__label">{{ block.settings.label }}</span>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>
+
+{% schema %}
+{
+  "name": "Stats Bar",
+  "tag": "section",
+  "class": "section-runwell-stats-bar",
+  "settings": [
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "Color scheme",
+      "default": "scheme-3"
+    },
+    {
+      "type": "range",
+      "id": "padding_top",
+      "label": "Top padding",
+      "min": 0,
+      "max": 100,
+      "step": 4,
+      "default": 40,
+      "unit": "px"
+    },
+    {
+      "type": "range",
+      "id": "padding_bottom",
+      "label": "Bottom padding",
+      "min": 0,
+      "max": 100,
+      "step": 4,
+      "default": 40,
+      "unit": "px"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "stat",
+      "name": "Statistic",
+      "settings": [
+        {
+          "type": "text",
+          "id": "number",
+          "label": "Number",
+          "default": "89%"
+        },
+        {
+          "type": "text",
+          "id": "label",
+          "label": "Label",
+          "default": "saw reduced puffiness in 7 days"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Stats Bar",
+      "blocks": [
+        { "type": "stat", "settings": { "number": "89%", "label": "saw reduced puffiness in 7 days" } },
+        { "type": "stat", "settings": { "number": "94%", "label": "noticed a more sculpted jawline in 4 weeks" } },
+        { "type": "stat", "settings": { "number": "91%", "label": "said their skin felt softer after first use" } }
+      ]
+    }
+  ]
+}
+{% endschema %}
+
+<style>
+  .section-{{ section.id }}-padding {
+    padding-top: {{ section.settings.padding_top }}px;
+    padding-bottom: {{ section.settings.padding_bottom }}px;
+  }
+</style>