Updated

Shopify · Sep 27, 2024 · 6e06c6e · 6e06c6e
1 parent 9c6ad7d
commit 6e06c6e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/layout/theme.liquid b/layout/theme.liquid
@@ -296,7 +296,6 @@
         document.documentElement.classList.add('shopify-design-mode');
       }
     </script>
-
     <script src="{{ 'my-component.js' | asset_url }}"></script>
   </head>
 

diff --git a/sections/header.liquid b/sections/header.liquid
@@ -123,10 +123,7 @@
 
 <h1>Hello Welcome</h1>
 
-{% comment %}
-Product Slider Section
-{% endcomment %}
-<div id="product-slider" class="product-slider">
+<div id="vue-header-slider" class="vue-header-slider">
   <div class="slider">
     <div v-for="(product, index) in products" :key="product.id" class="slide" :style="{ display: currentIndex === index ? 'block' : 'none' }">
       <img :src="product.images[0].src" :alt="product.title" />
@@ -175,12 +172,12 @@ Product Slider Section
       },
     },
   });
-  
-  app.mount('#product-slider');
+
+  app.mount('#vue-header-slider');
 </script>
 
 <style>
-.product-slider {
+.vue-header-slider {
   position: relative;
   max-width: 600px;
   margin: auto;