How to make "Buy Now" button on the slider works

Hi, I would like to do something like
https://demo.xtemos.com/basel/home-minimalist/
where you have the “Buy Now” button on the slider, but how to make “Buy Now” button on the slider actually add something to cart?

Hi,

You can use “Add to cart” button shortcode and place it on your Revolution Slider https://docs.woocommerce.com/document/woocommerce-shortcodes/#section-10

Regards

Tried to add this shortcode to Slide 1, but it is not working, please login and help me out.
[add_to_cart id="69"]

I added [add_to_cart id=”69″] , but the slider is showing

($49.99| Add to Cart)

Instead, I preferred to have the button to display “Add To Cart”, and when user click on that button on the slider, it will add the “item=69” to the cart.

Hi,

We don’t see any shortcodes added to the slider at the moment. Could you please add it now so we can check it?

Ok, it’s added.
It’s available at http://turbolock.heeka.net/
So, the questions are:

1. How can I make the “$49.99” and “Add to Cart” stand out better with different font and background color?
2. How can I change the shape to rounded corners?
3. How can separate “$49.99” and “Add to Cart” to larger distance? So that I want to show $49.99 far to the left, and “Add to Cart” far to the right?

Hi,

Here is a code snippet that you can add to Custom CSS in Theme Settings to remove the border, change button color and hide price. We suggest you add price as a separate layer

.add_to_cart_inline {
	border:none!important;
}

.add_to_cart_inline .woocommerce-Price-amount{
	display:none!important;
}

.add_to_cart_inline .button {
	background:red;
	color:white
}

Regards

[Author]

Posts