-
Posts
-
Hello,
I would like your help concerning Enfold Theme, Eshop Demo with Woo Commerce installed.
I would like to move the add to cart button on a product page from the above section (Product Short Description) to below the description section.
(I prefer CSS code in General Styling Quick CSS section)
Thank you in advance
Angel Assimakopoulos
Hey AngelAsim,
Can you give us a link to the page mentioned? so we can inspect further.
Best regards,
NikkoGoodmorning Nikko,
I hope everyone is healthy and stays healthy.
Concerning all the products the specific request.
The link is added to the private content section
So, there is a page of a simple product with photos to the left, short description to the right, under there is the bookly plugin, everything is fine.
Besides there is the cart button (In Greek: Προσθήκη στο καλάθι: means add to cart).
The customer wants, the add to cart button (and maybe if that is possible also the PayPal silver large button) to be relocated because the next step for booking in the bookly plugin is near, to the add to cart button, and maybe confuse the customers and the high risk is to proceed without choosing the time and day, etc, and someone just presses the button. (Add to cart).
So he needs to relocate the add to cart and if is possible and the PayPal Button below the Description area.Bye
Thank you very much.
Angel
Hi Angel,
Thanks for giving us the link to the page mentioned.
I see the form by Bookly – Responsive WordPress Appointment Booking and Scheduling Plugin to have inserted in the product description I believe the support from the plugin can give you some code to hook the form after add to cart.Best regards,
NikkoHi Nikko,
Thank you for your response.
Concerning the Bookly Plugin, it works just with a sort code (for example : [bookly-form category_id=”3″ service_id=”34″ staff_member_id=”3″ hide=”categories”] ), inside the text area of product short description or in the product description or in any page in Enfold.(works fine in any area)
We choose during the design of each product to be (Bookly) at the beginning of the area (inside in the short description area) in order for customers to choose firstly the Service, date and time, etc. (Booking process).
Despite the area that the Bookly displays we would like a CSS code (Enfold – General Styling – Quick CSS) in order for the “add to cart button” and if it possible the Paypal button (the whole blue area in the screenshot) to move underneath of the description area, to the bottom of the product page.I attach a screenshot in the private area.
Thank you very much
Angel
Hi AngelAsim,
Please try to add this code in functions.php of your child theme:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );If you don’t have a child theme yet, then please download it here: https://kriesi.at/documentation/enfold/child-theme/ (you’ll also find the instructions on how to use it there)
Best regards,
NikkoHello Nikko,
Thank you for your response.
Is there an alternative (Enfold console General Styling, Quick CSS) to your function PHP code without having to install a child theme, and having the same results-changes to the position of the add to cart?Thank you
Angel
Hi Angel,
It’s not possible with CSS because of its HTML structure.
We recommend to use child theme when there’s tweaks needed because if you add it in functions.php of Enfold it does work, but will be lost during the theme update.Best regards,
Nikko
- The topic ‘Eshop Woo Button Add to Cart Below Description’ is closed to new replies.