[LucasLorenson]

Hello! I would like to pin the “add to cart” button to the bottom of the product page, just like in the picture:
– https://drive.google.com/file/d/1AdQ2viv9XQZPG202rk1GqDr21k0LcDjb/view?usp=sharing

Would it be possible to do this? With some code maybe?

I tried to fix the button with “position: fixed”, but in products with add-ons, it took up the entire screen, over the product image.

[Alex]

Hello brigslandia,

It will be difficult to achieve this only with CSS and JS. It will require changes in the PHP code.
You will have to look at the WooCommerce hooks and to rearrange some of the hooks order. We suggest doing that in the child theme, so you don’t loose your changes on a theme/plugin update.

It is a matter of finding the correct actions/filters that needs to be modified. And it will be relatively complex and time consuming task.

Regards,
Alex

[Author]

Posts