shop changes

tpl/header.tpl

@@ -61,3 +61,16 @@
         </div>
     </div>
 </section>
+
+
+<section class="shop-nav">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col">
+                <nav class="align-items-center gap-3 shop-nav">
+                    {{{ shopMenu }}}
+                </nav>
+            </div>
+        </div>
+    </div>
+</section>

tpl/hideProducts.tpl

@@ -0,0 +1,6 @@
+<style>
+.woocommerce-wrapper {
+    display: none;
+    visibility: hidden;
+}
+</style>

tpl/page-tile.tpl

@@ -3,7 +3,7 @@
         <img src="{{ thumbnail }}" alt="{{ title }}" />
     </a>
     <h2>
-        <a href="{{ url }}">{{{ title }}}</a>
+        <a href="{{ url }}">{{{ title }}}{{#if count}} ({{count}} Products){{/if}}</a>
     </h2>
     <a href="{{ url }}" class="learn-more">Learn More {{#assetContents arrow-right.svg}}</a>
 </div>

tpl/shop-sub-categories.tpl

@@ -0,0 +1,14 @@
+<section class="category-sub-cats-wrapper">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+
+                <div class="sub-cats d-flex mb-5 gap-3">
+                    {{#each children}}
+                        {{#categoryBox this}}
+                    {{/each}}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>