Button on Thumbsmail - by Dhawal Saxena - on WordPress WooCommerce support

Hello,

1) I don’t see the mentioned issue http://prntscr.com/vqpg1e
2) There is no place to show that text in a good way. So, we hide that text and show the icon only.

Regards

Hello,

404 error appears for that url because of the WPS Hide Login plugin, it’s not related to our theme.
A) Fixed.
B) Plugin does not display that form on grid even with the default theme http://prntscr.com/vrdqrf
C) But now button available only for the single product page, we don’t have it on grid. Add to cart button is next to the q-ty.
Keep this option disabled if you don’t want to show add to wishlist button below the product image http://prntscr.com/vrdtvd
Add the below code to custom CSS if you want to hide wishlist and compare buttons below the product image

.content-product .product-details .compare.button, .content-product .product-details .yith-wcwl-add-button {
    display: none;
}

D) color of which button do you want to change: add to cart below the product image or icons block on hover?

Regards

Hello,

A) It disappears from the hover if Add To Cart With Quantity (Simple Products) option is enabled. Do you want to duplicate the add to cart button for both: below the product and on hover?

D) There is no option to enable Buy now button on the grid instead of the compare button.
You can’t switch the add to cart button and wishlist button. YOu can just disable the q-ty on grid and show the default Add to cart button instead http://prntscr.com/vswgbs

Regards

Hello,

A) On the single product page http://prntscr.com/vtsbdz ?

1) Did you read my previous message? We don’t have Grab now button of the shop page! It’s for the single product page only. You can edit colors of the LIght buttons at Theme Options > Styling http://prntscr.com/vtsdza

2), 3) , 4) are you talking about the shop page? There is no Grab Now button there. We made select dates and add to wishlist button the same size http://prntscr.com/vtsknp

Regards

Hello,

1) Nope, sorry.
2) Yes. What color do you want for the Wishlist button?

Regards

Hello,

2/ I don’t see the wishlist button anymore on the shop page http://prntscr.com/w2mbc3
You can install the Yellow Pencil plugin and use it to customize CSS styles if you don’t have CSS skills.

3/ Add the below custom CSS to change the color of the Buy Now button and sale label

.et-single-buy-now.single_add_to_cart_button.button {
    background-color: var(--single-add-to-cart-background-color) !important;
    color: var(--single-add-to-cart-color) !important;
    display: inline-flex !important;
}
.single-product .onsale.single-sale.left {
    left: 18%;
    top: 5%;
}

4) Find the below code from the Theme Options > Custom CSS and remove it

.footer-product .et-wishlist-holder.type-icon-text.position-under, .yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a.delete_item:before, .yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a:before {
    display: none;
}

There is no option to add the caption.

Regards

Hello,

4) Find the below code from the Theme Options > Custom CSS and remove it to show the wishlist icon

.footer-product .et-wishlist-holder.type-icon-text.position-under, .yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a.delete_item:before, .yith-wcwl-add-to-wishlist.wishlist-fragment .yith-wcwl-add-button a:before {
    display: none;
}

Add the below code to custom CSS to decrease the width and gap

.product-view-mask2 .footer-product {
    width: 35px;
}
.product-view-mask2 .footer-product .show-quickly, .product-view-mask2 .footer-product .button, .product-view-mask2 .footer-product .et-wishlist-holder, .product-view-mask2 .footer-product .by-vendor-name-link, .product-view-mask2 .footer-product .pre_order_loop, .product-view-mask2 .footer-product .wcmp_add_to_cart_message {
    height: 35px;
}

Regards