php - Owl Carousel - Magento 产品

Question

我已经成功获得Owl Carousel使用 div 图像在我的 Magento 主页上完美运行。

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

我想显示特定类别的产品，并使用 Owl Carousel 在主页上显示它们，但我通常使用 cms block 将产品调用到主页，代码如下:

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

这显然不起作用 - 产品会显示，但我认为由于模板，它们有自己的布局。

有谁知道我可以使用什么 php 或 cms block 来从类别中调用产品，以便它与 owl carousel 一起使用。

Answer 1

首先假设您不打算将大量产品加载到 Owl Carousel 中，并且您完全可以创建一个类别来存储要放入 slider 中的产品。

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

上面的内容也应该正确组织，您将调用的变量出现在 block 的顶部，而 foreach 仅出现在 block 的 Owl 部分内。

foreach 应该位于 Owl Carousel 标记内，因为除了 Magento 属性之外，我们还打印 Owl 标记。