Question

我设法使用div的图片让Owl Carousel在我的Magento主页上完美运行。

我的目标是让它与产品混合，但我正在努力。

我想显示特定类别的产品并使用猫头鹰转盘在主页上显示它们，但我通常使用带有以下代码的cms块将产品调用到主页：

{{block type="catalog/product_list" category_id="112" column_count="4" template="catalog/product/list.phtml"}}

这种显而易见的效果 - 产品展示但是我认为由于模板的原因，它们有自己的布局。

有没有人对我可以用来从cateogry调用produts的php或cms块有任何想法，所以它适用于owl carousel。

提前致谢。

Answer 1

首先假设您并不打算将大量产品装入猫头鹰转盘，并且您创建一个类别只是为了存储打算在滑块。

<div class="owl-carousel">

<?php

   $categoryId = 15; // this is the category holding your products  
   $products = Mage::getSingleton('catalog/category')->load($categoryId) // load the category
               ->getProductCollection() // and the products
               ->addAttributeToSelect('image'); // tell Magento which attributes to get

   foreach ($products as $product) { // iterate through the entire collection
        echo '<div class="item"><img src='.$product->getImageUrl().'></div>'; // print the image url inside of the required Owl markup
   }

?>

</div>

上述内容也应该正确组织，您调用的变量会出现在块的顶部，而foreach只会出现在块的Owl部分内。

foreach应该在 Owl Carousel标记内，因为除了Magento属性我们还会打印猫头鹰标记。

Answer 2

phtml文件并在list.phtml文件的帮助下显示您的产品并提供您自己的css类。在此之前创建一个小扩展并创建一个list.php文件，在扩展名的块文件夹中，并在你现在编写的cms页面或静态块中调用你自己的块和phtml文件

Owl Carousel - Magento产品

2 个答案: