Magento : 올빼미 - 회전 목마에 제품을 표시하는 방법

Question

저는 magento 1.9.3을 사용하고 있습니다. 올빼미 회전 목마의 홈페이지에 추천 제품을 표시하고 싶습니다.

나는 모듈의 블록에서 내가 회전 목마에 보여주고 싶은 컬렉션을 돌려주는 메소드를 가지고있다. 나는이 같은 내 템플릿에서 호출 :

$_productCollection=$this->getFeaturedProducts(); 

나는 이것에 대해 스택 오버 플로우의 이전 질문을 발견 : Owl Carousel - Magento Products

와 내 템플릿이에 도착이 이전 질문 다음

<div class="owl-carousel"> 
    <? 
     $products = $this->getFeaturedProducts(); 
     foreach ($products as $_product) { // iterate through the entire collection 
      echo '<div class="item"><img src='.$this->helper('catalog/image')->init($_product, 'small_image')->keepFrame(false)->resize($_imgSize).'></div>'; // print the image url inside of the required Owl markup 
     } 
    ?> 
</div> 

을

하지만 owl-carousel의 div는 표시되지 않습니다. 페이지를 검사하면 div가 있고 내부의 이미지도 표시되지만 아무것도 표시되지 않습니다. owl-carousel 클래스를 삭제하면 목록에 표시된 모든 이미지를 볼 수 있습니다.

magento connect에서 "Responsive Owl Slider"확장 프로그램을 설치했으며 이미지 슬라이드 (제품 아님)를 보여주는 admin cms로 만든 페이지 상단에 다른 올빼미 회전식 캐 러셀이 있는데 잘 작동합니다. 실패한 유일한 코드는 코드로 수행하려고하는 것입니다.

클래스에는 display: none이 있으므로 분명히 아무 것도 표시되지 않지만, 내가 display: none을 삭제하면 동시에 모든 이미지가 캐 러셀이 아닌 것을 볼 수 있습니다.

선택한 제품을 올빼미 회전식 컨베이어에 어떻게 표시합니까?

Answer 1

https://www.magentocommerce.com/magento-connect/new-products-2.html

가 당신을 위해 도움이 희망이 확장을 시도하십시오.

Answer 2

먼저 https://magento.stackexchange.com/questions/83912/featured-products-on-homepage

는 다음과 같은 답변을 모든 파일을 생성 >> 링크로 이동합니다.

열기 featured.phtml

사본 및

<?php 
    $_helper = $this->helper('catalog/output'); 
    $_productCollection = $this->getProductCollection(); 
?> 
<div class="featured-products"> 
    <ol class="featured-products-list owl-carousel" id="featured-products-list"> 
    <?php foreach ($_productCollection as $_product): ?> 
     <li><img src="<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail')->resize(200) ?>" alt="<?php echo $this->escapeHtml($_product->getName()) ?>" /></li> 
    <?php endforeach; ?> 
    </ol> 
</div> 
<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
    jQuery(".owl-carousel").owlCarousel(); 
}); 
</script> 

속성을 작성 잊고 제품에 대한 할당하지 마십시오 코드 아래에 붙여 넣습니다.