Product Icon

Product Add-Ons

by  Woo
Offer add-ons like gift wrapping, special messages or other special options for your products.

Wrap WooCommerce Product Add-Ons Block in its own div

Thanks for this great product! I would like to request a simple bit of code that can help me. I am surprised this does not exist like this to begin with! I would like the WooCommerce product add-ons block to be wrapped in its own div so I could target that div with CSS.

I came into this issue when a customer asked for text to appear before the add-ons block began, but there is no hook for this particular area, so I needed to use two pseudo elements to make a header (The :after) and the description (The :before)

I’ve done this on my own in woocommerce-product-addons/includes/class-wc-product-addons-display.php at line 167 with a simple echo ‘

‘; and closed it out on line 191, but obviously my work will not stay with any updates. I’m hoping a small change like this can be committed to Product Add-Ons!

Author

Current Status

Closed

Last updated: September 5, 2019

1 comment

Log in to comment on this feature request.

  1. jaskyt8 says:
    Product Developer May 13, 2024 12:18 pm

    Hey there,

    Thank you for the question!

    I had a look using the latest Product Add-Ons version (v6.8.2) and I noticed that you can use the ‘woocommerce_product_addons_start’ action for displaying content before add-ons.

    If you have any specific questions about using this hook, please get in touch with our support team: https://woocommerce.com/my-account/contact-support/