Magento：如何在貓頭鷹傳送帶上顯示產品

我使用的是magento 1.9.3，我想在貓頭鷹傳送帶的主頁中顯示特色產品。Magento：如何在貓頭鷹傳送帶上顯示產品

我在我的模塊塊中有一個方法，它返回我想要在旋轉木馬中顯示的集合。我把它從我的模板是這樣的：

$_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>

但是沒有顯示貓頭鷹傳送帶的div。如果我檢查頁面，div就在那裏，裏面的圖像也沒有顯示。如果我刪除了owl-carousel類，我會看到列表中顯示的所有圖像。

我從magento連接安裝了擴展「Responsive Owl Slider」，並且在頁面頂部使用顯示圖像幻燈片（不是產品）的管理員cms製作了另一個貓頭鷹傳送帶，它工作正常。唯一一個失敗的是我試圖通過代碼來做的那個。

我看到owl-carousel類有一個display: none所以顯然不顯示任何東西，但如果我刪除display: none它顯示在同一時間的所有圖像，而不是傳送帶。

如何在貓頭鷹旋轉木馬中顯示我選擇的產品？

來源

2017-03-20 Alex

請試試這個擴展

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

希望這對你有幫助。

來源

2017-03-20 11:26:06

首先去鏈接>>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>

請不要忘記創建屬性和分配產品。

來源

2017-03-20 16:36:41

Magento：如何在貓頭鷹傳送帶上顯示產品

回答

相關問題