Question

我有一组div，其中包含指向相应产品类别页面的链接（来自woocommerce插件）。该div充当产品循环顶部的小部件。

<div class="tagcloud">
<ul class="tag-widget">
<li onclick="homepage()">
  <a class="all-watches-link" href="http://iceiceicy.com/wingwah/">Latest</a>
</li>
<li onclick="men()">
  <a class="men-link" href="http://iceiceicy.com/wingwah/brand/mens-watches/" >Men</a>
</li>
<li onclick="women()">
  <a class="women-link" href="http://iceiceicy.com/wingwah/brand/ladies-watches/">Women</a>
</li>
<li onclick="newWatch()">
  <a class="new-link" href="http://iceiceicy.com/wingwah/product-category/new-watch-2/">New</a>
</li>
<li onclick="powned()">
  <a class="powned-link" href="http://iceiceicy.com/wingwah/product-category/used-watch/">Pre-Owned</a>
</li>
<li onclick="unworn()">
  <a class="unworn-link" href="http://iceiceicy.com/wingwah/product-category/unworn/">Unworn</a>
</li>
</ul>   
</div>

假设我希望它用作产品过滤器，其中：-

如果用户转到品牌页面并单击过滤器链接之一，它将仅显示品牌名称+单击的类别。
产品结果必须立即显示在同一页面上。 AJAX可能需要1-2秒来加载产品。我正在考虑将每个类别页面预加载到幕后，并将其设置为显示：无优先。

有可能吗？我可以采取哪些步骤？

需要有关为woocommerce开发产品类别过滤器的一些想法/准则

0 个答案: