Return to previous page

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

This topic has 17 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Dhawal Saxena

Dhawal Saxena

Participant

November 26, 2020 at 16:00

Screenshot – https://prnt.sc/vqlom4
Compare Now not working : https://prnt.sc/vqlzs5

1. Compare Button is not working & Not showing well
2. “Select Date” has to be show in the form of ” button” and after date selection add to cart icon has to be shown.
3.

#261411 Copied Theme version: 7.1 WooCommerce version: 4.5.2

16 Answers

Olga Barlow

Support staff

November 26, 2020 at 18:38

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

#261442 Copied

Dhawal Saxena

Participant

November 27, 2020 at 10:12

Website not login (page not found, please check) : https://prnt.sc/vr2zzw

Point 2 : Screenshot with query – https://prnt.sc/vr2mvs

A. On Thumbsmail 4 icon on black block needed –
1. Preview/
2. Add to Wish List
3. Compare
4.Add to Cart

Point B.
Rental Item – These button are missing
1. Date Selection
2. Add to Wishlish
3. Add to Cart
4. Rent Now

Point : C
1. Add to Cart & Buy Now Button Are Missing

Point D
Button Color has to be changed

Please contact administrator
for this information.

#261508 Copied
Olga Barlow

Support staff

November 27, 2020 at 18:28
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
#261618 Copied
Dhawal Saxena

Participant

November 30, 2020 at 13:24

Point A. “Add to Cart” icon is missing in “Black Vertical Bar” – https://prnt.sc/vstp9m

Point D. Buy Now & Add to Cart color change of background as well as on hover

#261892 Copied

Olga Barlow

Support staff

November 30, 2020 at 15:13

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

#261912 Copied

Dhawal Saxena

Participant

December 1, 2020 at 11:37

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? – Only please make “Black Background & White Text (on hover reversed) of “Add to Cart” & “Grab Now Button.

1. Below Images Only Two Button – “Add to Cart” & “Grab Now” remove compare button. Here Button Background is to be Black & Text white (on hover reversed)
2. Where Product on Rent then 3 Button – “Select Date”, “Add to Cart” & “Grab Now”
3. Button size & gap should be same.
4. “Add to Cart” & “Grab Now” should be in same line
5. On Vertical Black Bar – Preview, Add to Wish List & Compare

#262027 Copied

Olga Barlow

Support staff

December 1, 2020 at 19:27

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

#262099 Copied

Dhawal Saxena

Participant

December 9, 2020 at 16:13

You did a nice thing..

Please let me know on the possibility as below :-
1. Add to Wish List & Select Date Button – on the same row??
2. Add to Wish List & Select Date Button – Can I keep different color of any one button

#263278 Copied

Olga Barlow

Support staff

December 9, 2020 at 17:32

Hello,

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

Regards

#263316 Copied

Dhawal Saxena

Participant

December 12, 2020 at 11:02

1). Noted
2) How to change.. I will change and see.. What is the method
3). Grab Now (Buy Now) – Missing & Sale % button – incorrect placed
Screenshot – https://prnt.sc/w12on1

#263724 Copied

Dhawal Saxena

Participant

December 12, 2020 at 16:22

4) Add wishlist in black bar (inside image)- below compare icon

#263769 Copied

Dhawal Saxena

Participant

December 14, 2020 at 18:52

On mouse over to icon, caption is possible or not

#263998 Copied
Olga Barlow

Support staff

December 14, 2020 at 19:12
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
#264002 Copied
Dhawal Saxena

Participant

December 15, 2020 at 09:54

Button Problem solved. Thanks

Kindly also correct this

4) Add wishlist in black bar (inside image)- below compare icon??

https://prnt.sc/w30org

#264076 Copied
Olga Barlow

Support staff

December 15, 2020 at 18:31
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
#264175 Copied
Dhawal Saxena

Participant

December 17, 2020 at 10:03

Thanks for the help…

#264469 Copied
Viewing 17 results - 1 through 17 (of 17 total)