更改PHP元素的HTML类-Woocommerce

Question

我有一个Wooccommerce商店，它正在使用Elementor迷你购物车。我想在迷你购物车中添加建议的产品，使用以下php代码：

function content_below_products_minicart() {
echo 'You may also like these products';
echo do_shortcode('[products ids="13"]');   
};
add_action( 'woocommerce_mini_cart_contents', 'content_below_products_minicart', 10);

它工作得很好，但不幸的是UI并不是最好的。所以我想自定义CSS，但这些产品的样式与产品档案相同，所以编辑CSS代码也会修改档案中产品的外观。如何创建一个可以自己编辑的HTML类？

Answer 1

如果你需要为此更改CSS，那么你需要在使用CSS之前添加一个div，比如：

function content_below_products_minicart() {
echo '<div class="my_mini_cart">'; // Added a class you can change with your desire
echo 'You may also like these products';
echo do_shortcode('[products ids="13"]');
echo '</div>';
};
add_action( 'woocommerce_mini_cart_contents', 'content_below_products_minicart', 10);

现在您可以创建这样的CSS，因此每个CSS代码都将位于my_mini_cart类下

.my_mini_cart .product {font-size: 25px !important;}