Question

我想在Prestashop模板上使用bootstrap轮播。我发现在prestashop bootstrap中禁用了轮播。有没有办法启用轮播？我试着使用这段代码：

          <div class="row">
          <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1" ></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="{$img_store_dir}{$store.id_store}.jpg" alt="Chania">
                  </div>
                  <div class="item active">
                    <img src="{$img_store_dir}{$store.id_store}.jpg" alt="Chania">
                  </div>
                </div>
          </div>
      </div>

我甚至尝试将carousel.js和css格式化为global.css，但没有成功。

网址：https://eshop.brunnerteppi.ch/filialen

点击＆＃34;详细信息＆＃34;它显示带有轮播代码的屏幕。

感谢您的帮助

Answer 1

尝试在Prestashop的效果标签中关闭“缩小Javascript”。

当它出现时，您的Google地图javascript代码存在问题，这很可能会阻止您的轮播代码。尝试打开开发人员控制台（F12）并查看控制台。

在Prestashop模板的Bootsrap转盘

1 个答案: