Home › Forums › WoodMart support forum › How to add BUY NOW Button?
How to add BUY NOW Button?
- This topic has 28 replies, 2 voices, and was last updated 3 years, 4 months ago by
Elise Noromit.
-
AuthorPosts
-
October 3, 2021 at 6:55 pm #322801
techburgParticipantHello,
How can I add BUY NOW Button next to the add to cart button in the single product page?
I must want it, thanks in advance.
October 3, 2021 at 10:33 pm #322833
Elise NoromitMemberHello,
You will need a plugin for this as the WoodMart theme does not have this option.
If you have any questions please feel free to contact us.
Best Regards
October 4, 2021 at 9:12 am #322906
techburgParticipantCould you please suggest me one?
October 4, 2021 at 10:17 am #322947
Elise NoromitMemberHello,
We have not tested any with our theme which is why we can hardly recommend any.
If you have any questions please feel free to contact us.
Best Regards
October 4, 2021 at 10:47 am #322954
techburgParticipantI have added it anyhow by a plugin, now it has also added to the sticky add to cart section. How can I remove it from here? (See the attached photo)
There is no option in the plugin setting, do you have any custom CSS for that?
Attachments:
You must be logged in to view attached files.October 4, 2021 at 10:49 pm #323057
Elise NoromitMemberHello,
Please provide me page URL I will give you custom CSS to hide it.
Best Regards
October 5, 2021 at 9:58 am #323130
techburgParticipantI have given my page URL in the private box.
Thanks in advance.
October 5, 2021 at 10:24 am #323145
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .wd-sticky-btn button.wsb-button{ display:none; }
Best Regards
October 5, 2021 at 4:50 pm #323232
techburgParticipantThanks dear,
Now I also want to remove the “BUY NOW” button from all the product labs in my website. ***This “BUY NOW” button occurs only for the variable products***
See the attached image for better clarification.
Attachments:
You must be logged in to view attached files.October 5, 2021 at 11:52 pm #323259
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
.product-type-simple .js-wsb-add-to-cart{ display:none!important; }
Best Regards
October 6, 2021 at 8:23 am #323312
techburgParticipantI have added this code in the Global Custom CSS, but it’s not working!
Kindly see one more time, thanks!
October 6, 2021 at 9:08 am #323323
Elise NoromitMemberHello,
I have provided the code for simple product only and I am checking in Incognito it works: https://gyazo.com/d5ba622bbd5f5c5051c88fc2dd0c9489
Please clear the cache and clarify the issue.Best Regards
October 6, 2021 at 9:16 am #323326
techburgParticipantI asked you for an another issue.
See the attached image to this text for better clarification.
I also want to remove the “BUY NOW” button from them, ***This “BUY NOW” button occurs only for the variable products***
Attachments:
You must be logged in to view attached files.October 6, 2021 at 11:29 am #323392
Elise NoromitMemberHello,
I am checking the shop page and home page and I do not see the buy button on variable products: https://gyazo.com/8ef4c9625934cc324276185599207588 and https://gyazo.com/c06ec6d1a80ee60ba5fd2ec7c9c67082
How can I see this button?
Best Regards
October 6, 2021 at 12:31 pm #323405
techburgParticipantKindly hover over to any variable product, and click on “Select Options”. After clicking, you’ll see “add to cart” & “Buy Now” button. I don’t want this “Buy Now” button here.
October 7, 2021 at 7:05 am #323564
techburgParticipantAny updates?
October 7, 2021 at 9:57 am #323613
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
.woocommerce-variation-add-to-cart .js-wsb-add-to-cart{ display:none!important; }
Best Regards
October 7, 2021 at 10:26 am #323619
techburgParticipantThanks dear, It worked.
Could you please do me an another favor?
See the attached image, I want to hide this bar (shows color and compare) when I hover over into a product.
This style is the default style, and I want changes only for them.
Attachments:
You must be logged in to view attached files.October 7, 2021 at 8:28 pm #323779
techburgParticipantDear,
.woocommerce-variation-add-to-cart .js-wsb-add-to-cart{
display:none!important;
}After adding the above code you gave, the “Buy Now” button is also gone from the single product page. Please note that I only want to remove this “Buy Now” button from the mentioned section that we discussed before.
See the attached image to this text for better clarification.
Attachments:
You must be logged in to view attached files.October 8, 2021 at 6:52 am #323863
techburgParticipant#323619 issue got solved,
You kindly help me out with the #323779
*********************
.woocommerce-variation-add-to-cart .js-wsb-add-to-cart{
display:none!important;
}After adding the above code you gave, the “Buy Now” button is also gone from the single product page. Please note that I only want to remove this “Buy Now” button from the mentioned section that we discussed before.
See the attached image to this text for better clarification.
*********************
Attachments:
You must be logged in to view attached files.October 8, 2021 at 9:40 am #323915
Elise NoromitMemberHello,
Please copy the code from the forum and level the gap between classes:
.woocommerce-variation-add-to-cart .js-wsb-add-to-cart{ display:none!important; }
Best Regards
October 8, 2021 at 9:45 am #323916
techburgParticipantSorry, what do you mean by level the gap between classes?
October 8, 2021 at 10:42 am #323928
Elise NoromitMemberHello,
Please remove the code and show how it was before you added the custom CSS. Make the screen with the Furniture category.
Best Regards
October 8, 2021 at 11:05 am #323937
techburgParticipantSee the attached image to this message,
I have removed the custom css code, now this is looks as before.
Here, I want to remove the “Buy Now” button “look at the red box” for the home-page and shop-page. But, I must want the button in single product page next to the add to cart as like I have now.
Thanks in advance
Attachments:
You must be logged in to view attached files.October 8, 2021 at 6:31 pm #324032
Elise NoromitMemberHello,
Your screen shows the variable product. You wanted to remove the button from the variable product. Please clarify.
Best Regards
October 8, 2021 at 6:55 pm #324036
techburgParticipantYes, for variable products.
I want to remove this “Buy Now” button ***look at the red box attached image to this text*** for the home-page and shop-page. But, I must want the button (Don’t want to hide) in single product page next to the add to cart as like I have now.
Attachments:
You must be logged in to view attached files.October 9, 2021 at 7:56 pm #324142
Elise NoromitMemberHello,
Add this code:
body .wd-sticky-btn button.wsb-button{ display:none; } .woocommerce-variation-add-to-cart .js-wsb-add-to-cart{ display:none!important; }
It works: https://gyazo.com/5747b0a8696719289011315e3ee51581 and https://gyazo.com/fb09124ccaaa180bb634186f5b350746
Best Regards
October 9, 2021 at 8:18 pm #324145
techburgParticipantThanks!
I had one more issue, can I share here?
October 9, 2021 at 8:53 pm #324152
Elise NoromitMemberHello,
Please start a new topic for convenience.
Best Regards
-
AuthorPosts
The topic ‘How to add BUY NOW Button?’ is closed to new replies.
- You must be logged in to create new topics. Login / Register