我正在构建一个magento扩展,其中我需要在左侧栏上按树顺序显示所有产品,然后单击每个类别将通过发送ajax请求加载类别的产品。为了显示类别树,我使用了一个块。
我是magento新手,所以我想向我的控制器发送ajax请求,获取所有产品数据为
JSON
,并在前端创建HTML来显示产品。
我采用了基本主题的 HTML 和产品列表的
2 column left bar
并在 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 请求发送到我的控制器,获取产品,并且这些产品必须在当前主题布局中呈现?一定有一种方法可以做到这一点,但我仍然找不到。我用谷歌搜索但一切都是徒劳。我不喜欢使用任何内置扩展。我希望我的扩展能够完成这一切。请指导。
好的,我已经找到解决方案了。您只需获取类别并在注册表中设置为当前类别即可。然后您需要获取当前活动模板。对于列出 Magento 的产品,请始终检查当前活动主题的
list.phtml
文件。所以步骤如下
It is Magento
:-)这是将替换我的控制器代码的代码
$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)
}
就是这样。 :-)