我想在单个产品页面的"未订购列表"中，将一些Owl Carousel类添加到从<ul class="products columns-4">到<ul class="products columns-4 owl-carousel four-col">的相关产品中。
我想添加的CSS类是owl-carousel four-col。
我知道这样做需要一些WordPress挂钩和过滤器的知识。
任何关于如何实现这一点的想法都将受到赞赏：(
据我所知，没有可用的过滤器来修改设置为<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 Carousel一起工作(它可能无法正确加载(。