Magento：從網格視圖切換到列表視圖，無需更改URL

我想知道是否可以指導我如何讓用戶選擇列表或網格視圖，而無需更改目錄/類別頁面的URL。Magento：從網格視圖切換到列表視圖，無需更改URL

也就是說，該網頁是www.example.com/category?mode=grid或www.example.com/category?mode=list，但我只想將其製作爲www.example.com/category並顯示網格視圖，默認顯示列表視圖而不更改URL。

我希望你能幫助

來源

2014-06-30 BenjaminFranklin

你必須加載所有視圖初始和Js管理視圖... – Elavarasan

是的，我認爲是這樣。有什麼教程可以指導我嗎？我一直在尋找幾個小時，但我找不到方法來做到這一點... – BenjaminFranklin

沒有教程中，我guess..you必須做你自己的代碼..和它不是一個大問題。在app/design/frontend/default/YOURTHEME/template/catalog/product/

打開list.phtml文件在這裏可以看到，他們分開這樣兩種查看模式，

<div class="category-products"> 
    <?php echo $this->getToolbarHtml() ?> 
    <?php // List mode ?> 
    <?php if($this->getMode()!='grid'): ?> 
    <?php $_iterator = 0; ?> 
    <ol class="products-list" id="products-list"> 
    <?php foreach ($_productCollection as $_product): ?> 
..bla.. bla ...

和網格模式：

<?php else: ?> 

    <?php // Grid Mode ?>

在這裏，他們檢查這樣

<?php if($this->getMode()!='grid'): ?>

模式只是刪除這一條件，這樣就可以同時加載的意見，所以現在只是被JS添加新的CSS類或ID，以兩種模式分開，並進行管理像onclik事件或類似的東西...

來源

2014-06-30 12:10:55 Elavarasan

非常感謝你@Elavarasan，這真的很棒。由於我是新手程序員，你能指導我一個教程，指導我完成實現答案的JavaScript部分所需的步驟嗎？ – BenjaminFranklin

Magento：從網格視圖切換到列表視圖，無需更改URL

回答

相關問題