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.

Viewing 29 posts - 1 through 29 (of 29 total)

Author

Posts
October 3, 2021 at 6:55 pm #322801

techburg
Participant

Hello,

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 Noromit
Member

Hello,

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

techburg
Participant

Could you please suggest me one?

October 4, 2021 at 10:17 am #322947

Elise Noromit
Member

Hello,

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

techburg
Participant

I 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 Noromit
Member

Hello,

Please provide me page URL I will give you custom CSS to hide it.

Best Regards

October 5, 2021 at 9:58 am #323130

techburg
Participant

I have given my page URL in the private box.

Thanks in advance.

October 5, 2021 at 10:24 am #323145
Elise Noromit
Member
Hello,

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

techburg
Participant

Thanks 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 Noromit
Member
Hello,

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

techburg
Participant

I 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 Noromit
Member

Hello,

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

techburg
Participant

I 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 Noromit
Member

Hello,

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

techburg
Participant

Kindly 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

techburg
Participant

Any updates?

October 7, 2021 at 9:57 am #323613
Elise Noromit
Member
Hello,

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

techburg
Participant

Thanks 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

techburg
Participant

Dear,

.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

techburg
Participant

#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 Noromit
Member
Hello,

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

techburg
Participant

Sorry, what do you mean by level the gap between classes?

October 8, 2021 at 10:42 am #323928

Elise Noromit
Member

Hello,

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

techburg
Participant

See 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 Noromit
Member

Hello,

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

techburg
Participant

Yes, 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 Noromit
Member
Hello,

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

techburg
Participant

Thanks!

I had one more issue, can I share here?

October 9, 2021 at 8:53 pm #324152

Elise Noromit
Member

Hello,

Please start a new topic for convenience.

Best Regards
Author

Posts