opencart jcarousel on latest product

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

이것은 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> 

감사합니다.

Answer 2

단계별 자습서를 따르십시오. 당신은 그것을 따라하지 않습니다 :). <ul>, <li> 태그를 작성해야하지만 <div>을 사용하는 경우 책에 제안 된대로 코드를 다시 작성하십시오. 책을 선택해 주셔서 감사합니다. 이 책은 올바르게 실행되는 코드 예제를 사용합니다. 따라서 오류가있는 경우 opencart book에서 언급 한 단계를 따르지 않습니다.