Add To Cart on Woodmart Slider

Hi, I have duplicated and modified the best sellers Woodmart slider but I am unsure as to what to enter for the button url to add the product directly to the cart?

Hello,

Thank you very much for choosing our theme and for contacting us.

You need to add Woocommerce element Add to cart https://prnt.sc/qdycf3 Make sure you are adding a proper one: https://prnt.sc/qdyclj This button is not related to our theme so you will have to apply a custom CSS to integrate it visually. If you need help with it, contact us.

Best Regards

Hi. Thanks for the quick reply. I have added that and it appears to work fine thanks. Can you help me integrate it visually please as it looks ugly at the moment?

Hello,

Please provide your site URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area.

Best Regards

Hi. Ok. My admin login requires 2-factor auth so I have created another temporary account for you and posted the details in private comment below. Please let me know when you are done so I can disable the account for security.

Also, how do I make a slide in this or revolution clickable so it takes you to the product page?

Many Thanks

Hello,

Please provide the code or deactivate it https://prnt.sc/qe1t7g

Best Regards

Hi. I have temporarily disabled 2FA for you. Kind regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body p.add_to_cart_inline{
     border: none!important;
     padding: 0!important;
}
body .add_to_cart_inline>a,
body p.add_to_cart_inline > a.add_to_cart_button {
   border: 2px solid #ffffff!important;
   background-color: transparent;
   color: rgba(255,255,255 0.5)!important;
   display:block;
	 position: relative;
	 color:#ffffff;
	 max-width:183px;
	 padding: 10px 20px;
	 margin:0 auto 20px auto;
}
body .add_to_cart_inline>a:hover,
body p.add_to_cart_inline > a.add_to_cart_button:hover {
	color:#ffffff;
}

Best Regards

Hi. Thanks. I have made that change however the button is displaying in an odd position (see uploaded pic)

Attachments:

You must be logged in to view attached files.

Hello,

The button is aligned in the center and I cannot change this cause as soon as you add the product to the cart, another button appears view cart. This is the element this button works.

We can try to put the button which is above in the center. You are using different functional elements in one slide and it is quite difficult to make them one type style.

Best Regards

Hi. Ok I understand. I will have a play with layout later. Thanks for all the quick and excellent help. Hope you have a very merry Christmas.

Hello,

Have a good Marry Christmas!

If you need help in changing CSS of the elements, feel free to contact.

Best Regards

[Author]

Posts