أفضل بائع مستجيب [مغلق]

Question

مغلق. هذا السؤال هو خارج الموضوع.لا يقبل حاليا الإجابات.

---

هل ترغب في تحسين هذا السؤال؟ تحديث السؤال إذن كذلك عن الموضوع لتبادل المكدس الماجنتو.

مغلق منذ عامين.

لقد أضفت أفضل بائع على صفحتي الرئيسية في إشارة إلى هذا الرابط https://blog.amasty.com/how-to-display-bestsseling-products-in-magento-source-code/ولكنها ليست مستجيبة، أريد أن أجعلها مستجيبة حتى لا تختفي المنتجات الموجودة في المجموعة الأكثر مبيعًا مع شريط التمرير الأفقي (في الأسفل)

Answer 1

حصلت على الإجابة بمجرد إضافة الكود التالي في ملف CSS الخاص بي

float:left

Answer 2

يمكنك استخدام دائري سريع الاستجابة

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