Add product info

src/item.html

@@ -8,4 +8,6 @@
 
 //= template/product-main/index.html
 
+//= template/product-info/index.html
+
 //= template/common/footer.html
\ No newline at end of file

src/js/gallery-slider.js

@@ -14,6 +14,12 @@
             direction: 'horizontal',
             slidesPerView: 3,
             loop: false,
+            simulateTouch: false,
+            spaceBetween: 4,
+            pagination: {
+                el: '.swiper-pagination-gallery',
+                clickable: true
+            }
         });
     });
 })();
\ No newline at end of file

src/scss/product-main/product-main.scss

@@ -43,3 +43,15 @@
 .product__gallery-item.active{
   border: 1px solid black;
 }
+
+.swiper-pagination-gallery{
+  text-align: center;
+}
+.swiper-pagination-bullet{
+  width: 30px;
+  border-radius: 20px;
+  outline: none;
+}
+.swiper-pagination-bullet-active{
+  background: $red-color;
+}

src/template/product-info/index.html

+<p>dadas</p>
\ No newline at end of file

src/template/product-main/index.html

@@ -16,6 +16,7 @@
                     <img src="img/galley-item.png">
                 </li>
             </ul>
+            <div class="swiper-pagination-gallery"></div>
         </div>
     </div>
     <div class="product__main-bl product__main-image">