Wishlist button next to Add to Cart button

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.

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,

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

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,

[destyle25]

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 year, 6 months ago by destyle25.

Attachments:

You must be logged in to view attached files.

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