Magento - 在当前模板设计中通过ajax加载产品

时间:2014-07-09 06:56:17

标签: ajax magento

我正在构建一个magento扩展,我需要在左侧栏中按树顺序显示所有产品,然后点击每个类别将通过发送ajax请求加载类别的产品。为了显示类别树,我使用了一个块。

我是magento的新手,所以我想把ajax请求发送到我的控制器,将所有产品数据作为JSON并在前端创建HTML以显示产品。

我使用2 column left bar产品列表的基本主题HTML,并在ajax方法中使用。我喜欢

function loadCategoryProducts(categoryId) {
jQuery.ajax({
    url: '/myModule/index/loadcategoryproduct',
    type: 'post',
    data: {categoryId: categoryId},
    success: function(products) {
        products = jQuery.parseJSON(products);
        if (products != '') {
            var html = '';
            html += '<div class="page-title category-title">';
             // blah blah blah blah blah to draw html from ajax request
            }
            html += '</ul>';
            html += '</div>' // end of category-products product
            jQuery('.col-main').html(html);
        }
    }
});

}

我的控制器代码

public function loadcategoryproductAction() {
    $id = $this->getRequest()->getParam('categoryId');
    if ($id) {
        $_category = Mage::getModel('catalog/category')->load($id);
        $product = Mage::getModel('catalog/product');

        //load the category's products as a collection
        $_productCollection = $product->getCollection()
                ->addAttributeToSelect('*')
                ->addCategoryFilter($_category)
                ->load();



        // build an array for conversion
        $json_products = array();
        foreach ($_productCollection as $_product) {
            $_product->getData();
            $json_products[] = array(
                'name' => $_product->getName(),
                'url' => $_product->getProductUrl(),
                'description' => nl2br($_product->getShortDescription()),
                'price' => $_product->getFormatedPrice(),
                'image' => $_product->getImageUrl());
        }

        $data = json_encode($json_products);

        echo $data;
        die;
    }
}

它工作得很好,但我知道这只是一个静态的东西,因为我使用基本主题的HTML和CSS。它只适用于这个主题。如果magento商店的主题被改变了怎么办?

那么我正在寻找的是如何在当前活动主题中显示产品?我只是向我的控制器发送ajax请求,获取产品,这些产品必须以当前主题布局呈现?必须有一种方法可以做到这一点,我仍然无法找到。我用谷歌搜索,但一切都是徒劳的。我不想使用任何内置的扩展程序。我希望我的扩展能够做到这一切。请指导。

1 个答案:

答案 0 :(得分:2)

好的,我已经找到了解决方案。您只需要获取类别并在注册表中设置为当前类别。然后,您需要获取当前活动模板。对于列出Magento的产品,请始终检查当前活动主题的list.phtml文件。所以这是步骤

  1. 获取类别
  2. 将您的类别注册为当前类别。
  3. 获取当前模板list.phtml文件并将您的类别传递给该文件
  4. 将其余部分留给Magento,它可以处理它,因为It is Magento: - )
  5. 以下是将替换我的控制器代码的代码

     $id = $this->getRequest()->getParam('categoryId');
     $category = Mage::getModel('catalog/category') ->setStoreId(Mage::app()->getStore()->getId()) ->load($id);
     Mage::unregister('current_category');
     Mage::register('current_category', $category);
     echo $this->getLayout() ->createBlock('catalog/product_list') ->setTemplate('catalog/product/list.phtml') ->setCategoryId($id) ->toHtml();
     die;
    

    这将返回产品HTML,我只需要将HTML放在我的ajax请求的success function中。

    success : function(products) {
      jQuery('col-main').html(products)
    }
    

    就是这样。 : - )