Control behaviour of “Add to Cart” button

Dear WordPress users,

I have created a product page using Woocommerce elementor widgets and I would like to better control the behaviour of the “add to cart” button.

Since I only have 1 product to sell, I place the products and the cart widgets on the same page.

What I would like is that when I press on “add to cart” (ajouter au panier, in french), the user gets redirected to the bottom of the page (where the cart is). I have placed a menu anchor there (with CSS ID #shop) but I don’t see how I can change the behavior of the button.

At the same time, I would also like to remove the header and buttons “see the cart” that shows up everytime I press on “add to cart”, since the cart is on the same page.

Best,

C.

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer