Wishlist button next to Add to Cart button

This topic has 5 replies, 2 voices, and was last updated 1 month, 1 week ago by Aizaz Imtiaz Awan.

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

Author

Posts
March 7, 2025 at 9:26 am #643711

destyle25
Participant

Hi.
For me, it is surprising that there is no toggle functionality to turn off and on the Wishlist button next to the Add to Cart or Buy Now button.

See sites with the implementation
https://www.adidas.com/us/adicolor-woven-firebird-track-pants/IT2501.html
https://sportpoint.ru/catalog/product/tolstovka-under-armour-ua-essential-fleece-fz-hood-2/?ysclid=m7xjolhsy8724867887
https://sneakerology.ru/product/under-armour-ottoman-fleece-hoodie-2
https://www.dns-shop.ru/product/339ff315013bd9cb/68-smartfon-huawei-pura-70-pro-512-gb-cernyj/
https://www.ozon.ru/product/vlazhnyy-korm-dlya-koshek-whiskas-appetitnyy-miks-s-govyadinoy-yazykom-i-ovoshchami-kusochki-v-zhele-277802933/

Or it is not on the right, but below, but also in this block
https://www.nike.com/t/devin-booker-mens-therma-fit-full-zip-hoodie-QHC67X/HJ3897-222
https://www.underarmour.com/en-us/p/shorts/mens_ua_vanish_woven_6_shorts/1373718.html?dwvar_1373718_color=465

Through gutenberg, I can’t put it side by side. If you don’t want to do this functionality, tell me what files to edit, I’ll do it myself in the child theme

Attachments:
You must be logged in to view attached files.

March 7, 2025 at 3:35 pm #643877
Aizaz Imtiaz Awan
Keymaster
Hello,

If you want to remove the Wishlist button globally, follow these steps:

1. Navigate to Theme Settings > Shop
2. Find the Wishlist option and disable it

If you want to remove the Wishlist button only from the single product page, you can use the following custom CSS in Theme Settings > custom CSS.
```
.single-product .wd-wishlist-btn {
    display: none !important;
}
```
Please share the URL of your product page, and I’ll check the issue to align the Wishlist button side by side with the “Add to Cart” button.

Also, provide your WordPress login details in a private message so I will check and give you a possible solution.

Best Regards,
March 17, 2025 at 11:16 am #646331

destyle25
Participant

Hi. I transferred it to the hosting service and posted the data, please check it out.

March 17, 2025 at 3:48 pm #646473
Aizaz Imtiaz Awan
Keymaster
Hello,

I have checked your site and the wishlist button is not showing on your site. For the add to cart and buy now button position, Please add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section. Change the value as per your requirements.
```
.single-product .cart .quantity {
    display: block;
    width: 100%;
    margin-bottom: 10px; /* Adjust spacing as needed */
}

.single-product .cart .button, 
.cart .buy-now-button {
    display: block;
    width: 100%;
    text-align: center;
}
```
Best Regards,
March 17, 2025 at 6:50 pm #646537
destyle25
Participant
I may have made a mistake, but the code above won’t help me. I have now specifically added a wishlist button to the layout. In the screenshot, I showed the arrow where it should be. CSS didn’t help me.

https://street-shark.ru/product/tolstovka-nike-sportswear-nsw-cny-hoodie-fz6373-133/
- This reply was modified 1 month, 1 week ago by destyle25.
Attachments:
You must be logged in to view attached files.
March 18, 2025 at 11:41 am #646699

Aizaz Imtiaz Awan
Keymaster

Hello,

You might be editing the new layout, which is causing the buttons to appear like this: https://ibb.co/prkT4Wcq

When I enable your old layout, the Add to Cart and Buy Now buttons display on separate lines. Can you please clarify what you want to achieve so I can assist you better?

Best Regards,
Author

Posts