Get HTML

Get CSS

Get JS

Product Slider

844 19 December 2019

No Description Available

Abhishek Singh

~ onex

Product Slider using Owl carousel 2 with auto play and responsiveness.

Related Elements

1743
1
0

Owl Carousel 2 - autoplay/loop

onex

1176
2
0

owl

Owl Carousel Testimonial Slide

onex

Owl Banner slider

onex

Transparent Slider demo

onex

Owl caraousel Testimonial slider

Client Testimonial

onex

2708
1
0

Slick marquee slider - manage HTML marquee with slick javascript library.

Slick Carousel Marquee Demo

onex

Bx-slider demo

onex

Product grid view with zoom ef

onex

Owl Carousel is a number one jQuery plugin Choosen by hundreds of developers. Here is Sponsored Slider.

Owl Carousel demo Sponsored

onex

Project show with multiple col

onex

<div class="container mt-5">
    <div class="row">
        <div class="col-md-12 mt-5">
           <div class="owl-carousel adp-x owl-theme">
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
               <div class="item">
                   <div class="card">
                       <img class="card-img-top" src="http://via.placeholder.com/200x150?text=Product" alt="Card image cap">
                    <div class="card-body">
                         <h4 class="card-title">Product Name</h4>
                        </div>
                   
                  </div>
                  
               </div>
            </div>
        </div>
    </div>
    </div>
</div>

Get HTML

Get CSS

Get JS

Product Slider

Abhishek Singh

Related Elements

Resourse

Log in