数据库值未显示在codeigniter php的轮播中

Question

我有一个网站，我在其中使用轮播滑块显示图像及其值，我的主页中有 3 个轮播，其中 3 个具有相同的代码，但是第一个轮播不像第二个和第三个那样显示名称和价格轮播：

如图所示

这个轮播的代码如下：

<section class="carousel_sec">

  <div class="container">

    <div class="row ">

      <h3 class="carousel_heading">Trending Birthday Cakes <a href="<?php echo base_url();?>kids_party-planner/cakes/MQ"><button class="pull-right"><span>VIEW ALL</span><!-- <span class="visible-xs">>></span> --></button></a></h3>

      <hr>



      <div class="carou">

        <div class="demo">

          <ul id="landing_products1">



            <?php foreach($trending_products1 as $key=>$val) { ?>

            <li>

              <div class="item">

                <div class="pad15 content_div">

                  <div class="carou_thumb">

                    <img class="st_img" src="<?php echo ADMIN_IMG.'cakes/'.$val['image'][0]['cake_image'];?>" alt="<?php echo $val['cake_name']; ?>" />

                    <a href="<?php echo base_url('event-details/cakes/1/'.$val['id'])?>"><img class="nd_img"  src="<?php echo ADMIN_IMG.'cakes/'.$val['image'][0]['cake_image'];?>"  alt="<?php echo $val['cake_name']; ?>" /></a>

                    <p>
                      <?php echo $val['cake_name']; ?>
                    </p>

                    <?php

                            $btp_price=0;$offer_price=0;

                                $btp_price=$val['price'][0]['btp_price'];

                                $offer_price=$val['price'][0]['offer_price'];

                             ?>

                      <div class="price text-center" style="width:100%;float:left;">



                        <span class="amount" style="color:#f2136e;font-size:14px;">

                                 <?php echo PRICE_UNIT;?><?php echo  $offer_price;?>

                              </span> (



                        <s>&nbsp;<?php echo $btp_price;?></s>)

                        <span>&nbsp;</span>

                        <br>

                      </div>

                      <!--<br><span><?php echo PRICE_UNIT;100; ?></span></p>-->


                  </div>

                </div>
              </div>

            </li>

            <?php } ?>

          </ul>

        </div>

      </div>

    </div>
  </div>

</section>

<?php } ?>

在浏览器中检查显示的值时，实时 URL 为 enter link description here 谁能告诉我这里有什么问题，提前谢谢

Answer 1

您需要调整 css 以显示隐藏的内容。

要推动您朝着这个方向前进，请查看以下改进：

#landing_products1 {
    height: 330px;
    margin-top: -65px;
}

我不知道您需要对 UI 做出怎样的响应，所以我们称之为临时修复。第一个轮播的尺寸与其他的不完全匹配，所以我将把微调留给你。

您似乎还有一些 js 和 css 问题需要解决。