【问题标题】:How to filter WooCommerce products by custom attribute如何按自定义属性过滤 WooCommerce 产品
【发布时间】:2013-02-28 14:34:44
【问题描述】:

我正在尝试按自定义属性过滤 WooCommerce 产品档案。

例如,有 5 个产品的属性“color”包含“red”,另外 3 个属性“color”包含“blue”。

如何对产品循环应用过滤器,以便只显示包含“红色”的产品?

谢谢

【问题讨论】:

  • 例如,您可以在这个免费插件上查看代码:woocommerce-filter.com - 它使用原生 woocommerce API

标签: wordpress woocommerce woothemes


【解决方案1】:

在我的一个网站上,我必须通过大量数据进行自定义搜索,其中一些来自自定义字段,这里是我的 $args 对于其中一个选项的外观:

$args = array(
    'meta_query' => $meta_query,
    'tax_query' => array(
        $query_tax
    ),
    'posts_per_page' => 10,
    'post_type' => 'ad_listing',
    'orderby' => $orderby,
    'order' => $order,
    'paged' => $paged
);

“$meta_query”在哪里:

$key = "your_custom_key"; //custom_color for example
$value = "blue";//or red or any color
$query_color = array('key' => $key, 'value' => $value);
$meta_query[] = $query_color;

然后:

query_posts($args);

所以您可能会在这里获得更多信息: http://codex.wordpress.org/Class_Reference/WP_Query 您可以在页面中搜索“meta_query”以获取信息

【讨论】:

  • 我一直在寻找一种使用原生 Woo 函数的方法,但似乎没有这样的函数。但是,通过修改 $query_string,我最终得到了类似的结果。谢谢
  • 能否请您检查我的问题stackoverflow.com/questions/36526268/…
【解决方案2】:

您可以使用WooCommerce Layered Nav widget,它允许您使用不同的属性集作为产品的过滤器。这是“官方”的描述:

在小部件中显示自定义属性,让您在查看产品类别时缩小产品列表范围。

如果您查看 plugins/woocommerce/widgets/widget-layered_nav.php,您可以看到它使用属性操作以设置过滤器的方式。然后 URL 如下所示:

http://yoursite.com/shop/?filtering=1&filter_min-kvadratura=181&filter_max-kvadratura=108&filter_obem-ohlajdane=111

... 而数字实际上是您要设置的不同属性值的 id-s。

【讨论】:

    【解决方案3】:

    您可以使用WooCommerce AJAX Product Filter。您还可以观看该插件如何用于产品过滤。

    这是screenshot

    【讨论】:

    • 那个好像消失了——还有这个——Search & Filter Pro
    • 必须指出,这不是一个免费插件,用于要求的功能。
    【解决方案4】:

    插件可能是您的最佳选择。查看 wordpress 插件目录或 google 看看是否可以找到。我在下面找到了一个,它似乎工作得很好。

    https://wordpress.org/plugins/woocommerce-products-filter/

    这个似乎完全符合你的要求

    【讨论】:

    • 虽然此链接可能会回答问题,但最好包含答案here 的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
    【解决方案5】:

    试试WooCommerce Product Filter,由Mihajlovicnenad.com开发的插件。您可以按任何标准过滤您的产品。此外,它与您的商店和存档页面完美集成。这是一个屏幕截图。这只是其中一种布局,您可以自定义和制作自己的布局。查看演示站点。谢谢!

    【讨论】:

      猜你喜欢
      • 2016-02-20
      • 2018-09-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-26
      • 2016-12-20
      • 2016-11-24
      • 1970-01-01
      相关资源
      最近更新 更多