在 Microweber 的引导轮播的 for 循环中显示 3 个帖子项目

Question

您好，我正在尝试在 Microweber 中显示 3 个引导轮播的帖子。我在这里试试运气，因为我被困了几天，所以在 microweber 中找不到太多信息。这是我的代码。

<?php if (!empty($data)): ?>
<script>mw.require("<?php print $config['url_to_module']; ?>css/style.css", true); </script>


<?php $rand = 'item_carousel_'.$params['id']; $id = 'carousel_'.$params['id']; ?>
<div id="<?php print $id; ?>" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <?php $count = -1; foreach($data  as $item): ?>
    <?php $count++; ?>
    <div class="carousel-item <?php if($count == 0){ print 'active ';} ?>">
      <div class="col-12 col-md-4">
        <div class="card mb-2">
          <?php if($item['tn_image']):  ?>
            <a href="<?php print $item['link'] ?>" class="post-list-item-img" style="background-image:url('<?php print $item['tn_image']; ?>')"> </a>
          <?php endif; ?>
          <div class="card-body">
            <h4 class="text-center card-title"><a href="<?php print $item['link'] ?>"><?php print $item['title'] ?></a></h4>
            <p class="card-text"><?php print $item['description']; ?></p>
          </div>


        </div>
      </div>
    </div>
    <?php endforeach ; ?>
  </div>

   <!--Controls-->

   <a class="carousel-control-prev " href="#<?php print $id; ?>" role="button" data-slide="prev">
    <span class="fas fa-chevron-circle-left fa-2x" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>

  <a class="carousel-control-next" href="#<?php print $id; ?>" role="button" data-slide="next">
    <span class="fas fa-chevron-circle-right fa-2x" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

  <!--/.Controls-->
</div>

<?php else : ?>

<?php endif; ?>

目前是这样显示的

但我希望它连续显示 3 个图像并使用控件旋转下一个 3 个帖子项目。

Answer 1

1 - 您使用的是哪个模板？ 2 - 您可以在光滑的滑块初始化中使用 slidesToShow: 3

例如：

$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});