Question

现在我正在学习Opencart，我正在尝试用jCarousel制作我最新的产品展示。我正在使用Opencart 1.5.4。

这是我已经尝试过的，但仍然失败了：http://www.packtpub.com/article/opencart-themes-using-jCarousel-plugin

我正如教程中一步一步编辑latest.tpl文件，但我已经陷入了第八步。

当我打开Firefox并点击刷新时没有任何反应，没有错误或消息。这是我的latest.tpl文件：

<script type="text/javascript" src="catalog/view/javascript/jquery/jCarousel/js/jquery.jcarousel.min.js"></script>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/jCarousel/skins/tango/skin.css" />

<script type="text/javascript">
jQuery(document).ready(function() {
   jQuery('#latestcarousel').jcarouseljcarousel();
});

</script>

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div id="latestcarousel" class="box-product">
      <?php foreach ($products as $product) { ?>
      <div class="jCarousel-skin-tango">
        <?php if ($product['thumb']) { ?>
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
        <?php } ?>
        <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php } ?>
        <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
      </div>
      <?php } ?>  
    </div>
  </div>
</div>

有什么建议吗？

Answer 1

请按照分步教程进行操作。你没有关注它:)。您必须编写<ul>，<li>标记，但是您使用的是<div>，请按照本书的建议重写代码。谢谢你选择这本书。本书使用正确运行的代码示例，因此，如果有任何错误，那么我们不会按照opencart book中提到的步骤进行操作。

Answer 2

这是我对latest.tpl文件的处理方式。它现在有效。

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/jCarousel/skins/tango/skin.css" />

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#latestcarousel').jcarousel({
scroll: 1,
visible: 3,
auto: 3,
rtl: true,
wrap: 'circular'
});
});

</script>

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">
        <ul id="latestcarousel" class="jcarousel-skin-tango">
        <?php foreach ($products as $product) { ?>
        <li class="carousel-latest">
            <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
            <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
            <?php if ($product['price']) { ?>
            <div class="price">
                <?php if (!$product['special']) { ?>
            <?php echo $product['price']; ?>
            <?php } else { ?>
            <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
            <?php } ?>
         </div>
         <?php } ?>
        </li>
        <?php } ?>
        </ul>
    </div>
  </div>
</div>

感谢您的一切。

opencart jcarousel上的最新产品

2 个答案: