Best seller responsivo [cerrado]
-
13-12-2019 - |
Pregunta
He agregado best seller en mi página de inicio que se refiere a este enlace https://blog.amasty.com/how-to-display-bestselling-products-in-magento-source-code/pero no responde, quiero que responda para que los productos en el bloque de mejores vendedores no se oculten con la barra de desplazamiento horizontal (en la parte inferior)
Solución
Obtuve la respuesta simplemente agregando el siguiente código en mi archivo CSS
float:left
Otros consejos
Puedes usar carrusel responsivo
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; ?>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a magento.stackexchange