WooCommerce:将类添加到相关的产品循环项<ul class=“产品列-4 owl四次”>

Question

我想添加一些猫头鹰类到相关产品，从<ul class="products columns-4">到<ul class="products columns-4 owl-carousel four-col">在无序列表中，在单一产品页面。

我想添加的CSS类是owl-carousel four-col。

要做到这一点，我知道需要一些WordPress挂钩和过滤器的知识。

对于如何实现这一点，我们将不胜感激:)

Answer 1

据我所知，没有可用的过滤器来修改设置为<ul class="products">元素的类。

这个元素实际上是用WC模板templates/loop/loop-start.php呈现的，这个模板是用woocommerce_product_loop_start()函数调用的。这是一个可插入的函数，这意味着您可以在活动主题/子主题中覆盖它。

更好、更简单的方法是直接修改位于templates/single-product/related.php中的related模板(在子主题中学习如何正确覆盖 WC模板，在插件的文件夹中做而不是修改WC源代码模板)。

替换related模板中的这一行就足够了：

<?php woocommerce_product_loop_start(); ?>

用这一行：

<ul class="products columns-4 owl-carousel four-col">

另一种方法是使用jQuery动态地设置这些类，但我不确定它是否能很好地与Owl一起工作(它可能无法正确加载)。