WooCommerce: Ändern Sie den Stil der Schaltfläche "in den Warenkorb" in einem Widget

Question

Ich möchte eine schöne und kleine Schaltfläche hinzufügen "in den Warenkorb", um das Produkt von WooCommerce Products Widget angezeigt.

I content-widget-product.php meinem Kind Thema (Storefront basiert) und versucht, zwei Wege kopiert haben:

• Erstens: echo do_shortcode('[add_to_cart id="'.$product_id.'"]');
  
• Und auch: woocommerce_template_loop_add_to_cart();

Aber so oder so, das Ergebnis ist hässlich: Ich bekomme ein riesiges "a dd Karre“, die so breit wie meine Seite lautet:

Ich möchte einen viel kleineren Knopf bekommen, mit dem Bild des Elements ausgerichtet ist.

So etwas:

Ich denke, ich sollte etwas CSS ändern, aber ich weiß nicht, wie ...
Können Sie mir helfen?

Dank

Answer 1

Statt etwas auf WooCommerce Core-Datei zu tun .just mit (.add_to_cart_button) und (.single_add_to_cart_button)

und fügen Sie CSS-Klasse in Ihrer style.css Datei hinzufügen, wie Sie möchten.

für weitere Informationen können Sie diesen Link besuchen. https://www.speakinginbytes.com/2016/05/change-style-add-cart-button-woocommerce/

Ich hoffe, es wird Ihnen helfen. :)

Answer 2

ja dies kann mit CSS erfolgen. Kannst du wenigstens den Link zu deiner Website setzen, damit ich dir ein Beispiel geben kann, was du tun musst?