SHOPBASE-27 Update structure, add style

TrellisCommerce · Aug 5, 2024 · bc5afdc · bc5afdc
1 parent 478d083
commit bc5afdc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/layout/theme.liquid b/layout/theme.liquid
@@ -255,7 +255,10 @@
       }
     {% endstyle %}
 
+
     {{ 'base.css' | asset_url | stylesheet_tag }}
+    {{ 'app.css' | asset_url | stylesheet_tag }}
+
     <link rel='stylesheet' href='{{ 'component-cart-items.css' | asset_url }}' media='print' onload="this.media='all'">
 
     {%- if settings.cart_type == 'drawer' -%}

diff --git a/snippets/breadcrumb.liquid b/snippets/breadcrumb.liquid
@@ -4,13 +4,27 @@
   {% render 'breadcrumb' %}
 {% endcomment %}
 
-<nav aria-label="breadcrumbs">
-  <ol class="breadcrumbs">
+<nav aria-label="breadcrumbs" class="page-width twcss-my-8">
+  <ol class="breadcrumbs twcss-flex twcss-gap-3">
     {%- for link in section.settings.menu.links -%}
       {%- if link.links != blank -%}
         <li class="breadcrumb-item">
           <a href='{{ link.url }}'>{{ link.title | escape }}</a>
         </li>
+        {%- for childlink in link.links -%}
+          <span aria-hidden="true" focusable="false">/</span>
+          <li class="breadcrumb-item">
+            <a href='{{ childlink.url }}'>{{ childlink.title | escape }}</a>
+          </li>
+          {%- if childlink.links != blank -%}
+            {%- for grandchildlink in childlink.links -%}
+              <span aria-hidden="true" focusable="false">/</span>
+              <li class="breadcrumb-item">
+                <a href='{{ grandchildlink.url }}'>{{ grandchildlink.title | escape }}</a>
+              </li>
+            {%- endfor -%}
+          {%- endif -%}
+        {%- endfor -%}
       {%- endif -%}
     {%- endfor -%}
   </ol>