Responsive Bestseller [geschlossen]
-
13-12-2019 - |
Frage
Ich habe Bestseller auf meiner Homepage hinzugefügt verweis auf diesen Link https://blog.amasty.com/how-to-display-bestselling-products-in-magento-source-code/ aber es reagiert nicht, ich möchte es ansprechbar machen, damit Produkte im Bestseller-Block nicht mit der horizontalen Bildlaufleiste (unten) ausgeblendet werden
Lösung
Ich habe die Antwort erhalten, indem ich einfach folgenden Code in meine CSS-Datei eingefügt habe
float:left
Andere Tipps
Sie können ein reaktionsschnelles Karussell verwenden
http://owlgraphic.com/owlcarousel/
http://owlgraphic.com/owlcarousel/#demo
<?php $_productCollection=$this->getLoadedProductCollection();?>
<?php if ($_productCollection>count()): ?>
<div class="owl-carousel-wrapper">
<div class="owl-carousel" id="home-product-slider">
<?php foreach ($_productCollection as $_product): ?>
<div class="item">
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
<?php $_productNameStripped = $this->stripTags($_product->getName(), null, true); ?>
<h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2>
<?php echo $this->getPriceHtml($_product, true) ?>
</div>
<?php endforeach; ?>
</div>
</div>
<script>
jQuery(document).ready(function() {
var owl = jQuery("#home-product-slider");
owl.owlCarousel({
responsiveClass: true,
});
});
</script>
<?php endif; ?>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit magento.stackexchange