Magento：从网格视图切换到列表视图，而不更改URL

我想知道您是否可以指导我如何允许用户选择列表或网格视图，而不更改目录/类别页面的URL

也就是说，该页面是www.example.com/category？mode=grid或www.example.com/category？mode=list，但我想使其仅为www.example.com/category，并在默认情况下显示网格视图，在不更改URL的情况下显示列表视图

---

我希望你能帮上忙。我想没有教程。你必须自己编写代码。这没什么大不了的。。在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 ?>

在这里，他们像这样检查模式

---

只需删除这个条件，就可以加载两个视图，所以现在只需添加新的css类或id来分离这两种模式，并通过Js（比如onclik事件）之类的方式管理它们…

您必须首先加载所有视图，然后通过Js管理视图…是的，我也这么认为。有什么教程可以教我吗？我已经找了好几个小时了，我就是找不到一个方法来做这件事……非常感谢@Elavarasan，这真是太棒了。由于我是一名程序员新手，您能给我介绍一个教程，指导我实现您答案中javascript部分所需的步骤吗？