I host a very simple wholesale bookstore (available to logged-in members only) that needs have some custom code to add books/products to the cart without reloading the page. The site currently reloads when adding to the cart is triggered. This brings the user back to the top of the page and thus loses their browsing spot.
The site is a catalog layout, so there are many books on one page with quantity and add to cart. (see image) After the user adds to the cart, the user is redirected to the (success/failure) message at the top. I would like this success/fail message loaded in a modal window and the product added to the cart without reloading the page. The theme is Flatsome, with a child theme, with many customized actions and must include the "book" product type, in addition to the "simple" product type as seen in the functions.php. I have a customized "woocommerce_loop_add_to_cart_link" in [login to view URL] to achieve what is there on the shop/products page.
There is a staging site made with WordPress staging pro to test on.
14 freelanceria on tarjonnut keskimäärin $142 tähän työhön
Hello, Please send me the access to your staging website so that I can create the modal there and negate the reload action when books are added to cart. I am available to start now. Thank you in advance
Hi there, i can customize your current add to cart setup to trigger using ajax and show the added items and success message inside a modal window. Thanks.