Magento: wie Produkte auf Eulenkarussell angezeigt werden

Question

Ich benutze Magento 1.9.3 und ich möchte vorgestellten Produkte auf der Startseite in einem Eulenkarussell anzeigen.

Ich habe eine Methode im Block meines Moduls, die mir die Sammlung zurückgibt, die ich im Karussell zeigen möchte. Ich nenne es von meiner Vorlage wie folgt aus:

$_productCollection=$this->getFeaturedProducts(); 

Ich fand eine vorherige Frage in Stapelüberlauf dazu: Owl Carousel - Magento Products

und im Anschluss an diese vorherige Frage, die ich in meiner Vorlage dazu kam:

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

Aber das div von Eulenkarussell wird nicht angezeigt. Wenn ich die Seite inspiziere, ist das div dort und die Bilder darin, aber nichts wird angezeigt. Wenn ich die Eulenkarussell-Klasse lösche, sehe ich alle Bilder in der Liste.

Ich habe die Erweiterung "Responsive Owl Slider" von Magento Connect installiert, und ich habe ein weiteres Eulenkarussell oben auf der Seite mit dem Admin cms, die Bilddias (keine Produkte) zeigt, und es funktioniert gut. Die einzige, die fehlschlägt, ist diejenige, die ich versuche, durch Code zu machen.

Ich sehe, dass die owl-carousel Klasse hat eine display: none so ist offensichtlich nichts angezeigt wird, aber wenn ich die display: none löschen es zeigt alle Bilder in der gleichen Zeit, nicht ein Karussell.

Wie zeige ich meine ausgewählten Produkte in einem Eulenkarussell an?

Answer 1

Bitte versuchen Sie diese Erweiterung

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

Hoffe, dass es für Sie nützlich ist.

Answer 2

Zuerst zu dem Link gehen >>https://magento.stackexchange.com/questions/83912/featured-products-on-homepage

alle Dateien erstellen zu folgenden Antworten.

Dann öffnen featured.phtml

kopieren und einfügen Code unten

<?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> 

Bitte vergessen Sie nicht, Attribut erstellen und für Produkte vergeben.