title: Why is not Owl carousel dots showing?
body: <p><code>Owl Carousel</code> is running well <strong>but dots are not showing in <code>prestashop 1.6</code> module</strong>. So, how can I show dots ? Please any help.</p>
  
  <p>I am using </p>
  
  <p>/**
  owl.carousel.min.css</p>
  
  <ul>
  <li>Owl Carousel v2.2.0</li>
  <li>Copyright 2013-2016 David Deutsch</li>
  <li>Licensed under MIT<br>
  */</li>
  </ul>
  
  <p>/**
  owl.carousel.js</p>
  
  <ul>
  <li>Owl Carousel v2.2.0</li>
  <li>Copyright 2013-2016 David Deutsch </li>
  <li>Owl carousel</li>
  <li>@version 2.1.6</li>
  </ul>
  
  <p>Results</p>
  
  <p><a href="https://i.stack.imgur.com/o8yf1.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o8yf1.jpg" alt="enter image description here"></a></p>
  
  <p>My code is in tpl file in module of prestashop 1.6 : </p>
  
  <pre><code>      &lt;div class="panel"&gt;  
             &lt;h1 class="panel_title"&gt;All Products .............. ( {$id_shop} )&lt;/h1&gt;   
             &lt;div class="store_wise_products"&gt;
                 &lt;div class="owl-carousel store_wise_slider" style="background:#eee; padding:2px;"&gt;
                    {foreach from=$shopImgSql_results key=k item=shopImg}   
                        &lt;div class="item"&gt; 
                             &lt;img  class="img-responsive"  src="{$dir_assets}uploadslider/{$shopImg.shop_img_name}-{$shopImg.id}-{$shopImg.img_extension}"&gt; 
                        &lt;/div&gt; 
                    {/foreach} 
                &lt;/div&gt;
           &lt;/div&gt; 
        &lt;/div&gt;  
  
  
  
  
  
      &lt;script&gt;  
         jQuery(document).ready(function($) { 
              var owl = $('.store_wise_slider'); 
              owl.owlCarousel({
              loop: true,
              autoplay:true,
              nav: true,
              dots: true,
              lazyLoad: true, 
              margin: 10,
              items: 1, 
              navText: [ '&lt;i class="fa fa-angle-left" aria-hidden="true"&gt;&lt;/i&gt;', '&lt;i class="fa fa-angle-right" aria-hidden="true"&gt;&lt;/i&gt;' ],  
              responsive: {
                0: {
                   items:1
                  }, 
               } 
            });
          });
      &lt;/script&gt;
  </code></pre>