Javascript 商业网格/列表切换：如何触发按钮点击？

“WooCommerce网格/列表切换”-插件切换WooCommerce中产品列表的视图。最后一个选择存储在cookie中

HTML页面包含：

<nav class="gridlist-toggle">
  <a href="#" id="grid" title="gridview">&#8862; <span>gridview</span></a>
  <a href="#" id="list" title="listview">&#8863; <span>listview</span></a>
</nav>
<ul class="products">
  <li class=" ...

---

如何在不考虑用户选择的情况下，始终在主商店页面上获取listview，在分类页面上始终获取gridview？

使用WordPress条件标记

使用Php将cookie设置为默认值。类似于

<?php if (is_page(id)) { 
        $defaultView = 'list';
     } 
      else {
        $defaultView = 'grid'; 
     }
        setcookie("gridcookie", $defaultView);
      ?>

---

将

id

替换为您的主商店页面的页面id。或者使用其他选项之一

它可以识别页面，但是只会给出一个选项。我可以接受。问题仍然存在：上次选择的值是从cookie中读取的。如何发送“单击了listview按钮”？很抱歉，我阅读了您的问题，因为我只想让用户在主页上选择“listview”。但是您是说您希望用户可以使用这两个视图，只是不管他们单击哪个视图，您都希望Javascript将cookie设置为“listview”？本质上，您希望它“撒谎”，即使他们选择gridview，对吗？；）我真正需要的是每次调用页面时进行预选。Listview是主商店页面上的预选，gridview是类别页面上的预选。我希望这会清除请求。那么，当主商店页面加载时，您希望listview默认显示在类别页面上，gridview默认显示在类别页面上吗？那么，如果用户加载默认为listview的主页，将其切换到gridview，然后导航离开，如果他们再次返回主页，您希望它保持在gridview上，还是默认返回listview？每次都返回到预选

<?php if (is_page(id)) { 
        $defaultView = 'list';
     } 
      else {
        $defaultView = 'grid'; 
     }
        setcookie("gridcookie", $defaultView);
      ?>