How to edit sliders

The slider used on index.html is slick slider and the images and text can be edited in the following markup

 <!--start slider -->
 <div class="home-slider">
  <div class="media-container media-container--slider" style="background-image:url(images/store_slider.jpg)">
    <div class="container-custom custom-height-container flex">
     <div class="slide-content flex-center ">
      <div class="title-block ">
        <h1 class="title-block__title--slider"><span>Sell your products</span></h1>
        <h3 class="title-block__subtitle--slider">The simplest way possible</h3>
      </div>
      <a href="cart.html" class="btn btn--black btn--60">Add to cart</a>
     </div>
  </div>
 </div>

..

</div>

The class that triggers the slider is .home-slider

The glitch effect comes from https://tympanus.net/Tutorials/CSSGlitchEffect/index3.html 

It is not available on Internet Explorer.

the code related is found on index.html and app\css\scss\elements\_homeslide.scss

 

The css for this slider is found at app\css\scss\elements\_homeslide.scss

The class that triggers the slider on the product page is .product-gallery

 

The slider used on the shop page is swiper slider and the images and text can be edited in the following markup

 

<!-- big images -->
 <div class="Gallery swiper--container">
  <div class="swiper-wrapper">
  <!--slide 1-->
   <div class="swiper-slide" style="background-image:url(images/store-product-list_clean_03.jpg);">
    <div class="slider-content">
     <div class="title-block ">
      <h1 class="title-block__title--swiperBig"><span>50% Sale</span></h1>
      <h3 class="title-block__subtitle--swiperBig"><span>On all orders above $100 + free shipping</span></h3>
     </div>
     <a href="cart.html" class="btn btn--black btn--60">Read more</a>
    </div>
   </div>
 <!--slide 2-->
...
 <!-- thumbs -->
 <div class="Thumbs swiper--container">
   <div class="swiper-wrapper">
    <!--slide thumb 1-->
    <div class="thumbs swiper-slide">
    <div class="thumbs title-block ">
     <h1 class="title-block__title--swiper">Accesories</h1>
     <h3 class="title-block__subtitle--swiper">Refine your selection</h3>
    </div>
    <img src="images/store-product-list_clean_05.jpg" alt title="shop">
   </div>
 <!--slide thumb 2-->
...
 </div> <!--end wrapper-->
</div> <!--end container-->

the css can be modified at app\css\scss\elements\_shop.scss