【问题标题】:how to display div inside 1 banner - opencart如何在 1 个横幅内显示 div - opencart
【发布时间】:2015-07-31 10:04:35
【问题描述】:

我正在使用 opencart 开发自己的网上商店。

我有 2 个横幅,也就是 2 张图片,第一个显示正在销售的产品,第二个 1 显示联系电话。

现在我想在第一个横幅中创建 div,其中将包含指向其他网站的链接,以便用户可以按下它...

但是当我将 div 放入我的 module/banner.tpl 并刷新网站时,div 会显示在两个横幅中,而不仅仅是第一个。

我做错了什么,有人可以帮助我吗?

这里是代码

<div id="banner<?php echo $module; ?>" class="owl-carousel">
   <?php foreach ($banners as $banner) { ?>
   <div class="item">

     <?php if ($banner['link']) { ?>
     <a href="<?php echo $banner['link']; ?>"><img src="<?php echo     $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-  responsive" /></a>
     <?php } else { ?>

     <img src="<?php echo $banner['image']; ?>" alt="<?php echo  $banner['title'];   ?>" class="img-responsive" />
     <?php } ?>
     </div>

     <div id="gumbek">Nakupujte zdaj!</div>
     <?php } ?>
</div>

<script type="text/javascript"><!--
    $('#banner<?php echo $module; ?>').owlCarousel({
        items: 6,
        autoPlay: 3000,
        singleItem: true,
        navigation: false,
        pagination: false,
        transitionStyle: 'none'
});
--></script>

div id="gumbek"Nakupujte zdaj! ---> 是我说的 div

我将不胜感激。谢谢!

【问题讨论】:

  • 请缩进你的代码,它几乎不可读。

标签: php opencart banner


【解决方案1】:

你也可以像这样使用布尔值:

<?php
    $show_shop_now = TRUE;  
?>

<div id="banner<?php echo $module; ?>" class="owl-carousel">
<?php foreach ($banners as $banner) { ?>
    <div class="item">  
    <?php           
        $img = '<img src="'.$banner['image'].'" alt="'.$banner['title'].'" class="img-responsive" />';

        if ($banner['link']) { 
            $img = '<a href="'.$banner['link'].'">'.$img.'</a>';
        }

        echo $img;
    ?>
    </div>

    <?php 
        if($show_shop_now){ 
            $show_shop_now = FALSE;
    ?>
        <div id="gumbek">Nakupujte zdaj!</div>
    <?php } ?>

<?php } ?>
</div>

希望能有所帮助。

【讨论】:

  • 就是这样。这行得通。谢谢! :)。再问一个问题。为什么 div 的加载时间比banner 的加载时间长?我该如何解决?
  • @fox 抱歉,我不明白你的问题?
  • 如果您访问此页面 ---> lrzdravjeinlepota.si ...您将看到 div 显示在横幅内...但就像 5 秒后一样。我希望它显示页面出现的那一刻。
  • @fox 好的,我明白了。这是因为您的 owl-carousel 将在 3 秒后开始播放,如您的 js 代码中所示:$('#banner0').owlCarousel({ /* .. */ });,所以如果您不需要它,请将其删除(轮播)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-15
相关资源
最近更新 更多