WooCommerce：改变小部件中“添加到购物车”按钮的样式

Question

我想添加一个很好的小按钮“添加到购物车”到WooCommerce Products Widget显示的产品。

我抄content-widget-product.php我的孩子主题（店面为主），并试图2种方式：

• 第一：echo do_shortcode('[add_to_cart id="'.$product_id.'"]');
  
• 并且：woocommerce_template_loop_add_to_cart();

但无论哪种方式，结果都很糟糕：我得到了一个巨大的“a DD到购物车”按钮是一样宽，我的网页：

我想获得一个更小的按钮，与该项目的图片对齐。

类似的东西：

我想我应该改变一些CSS，但我不知道如何...
你能帮助我吗？

感谢

Answer 1

而不是做对woocommerce核心文件的东西。只是在（.add_to_cart_button）和（.single_add_to_cart_button）

你的style.css文件中添加类和你想添加CSS。

欲了解更多信息，你可以访问此链接。 https://www.speakinginbytes.com/2016/05/change-style-add-cart-button-woocommerce/

我希望它会帮助你。:)

Answer 2

是的，这可以用CSS来完成。你能否至少把你的网站的链接，所以我可以给你一个你需要做什么的例子？