Return to previous page

Another Single Product page help - by filmguerilla

This topic has 6 replies, 3 voices, and was last updated 5 years ago ago by Olga Barlow

filmguerilla

Participant

June 16, 2020 at 16:47

Hi guys, sorry for asking another help. Just want to fix everything before we put this site live.. Some help on Single product page especially on Mobile devices.

first: Button colour..

I added this plugin for my client single product page. I think i’ve fixed the colour already but the added button colour from the plugin looks different from add to cart. Is it possible to change the colour for this button when the attributes are not active?

http://prntscr.com/t0uwz3

second: Mobile view on single product page

As you may know i’m having problem with the ADDITIONAL INFORMATION tabs on my single product page. I hope this will be fix in the next update. The tabs in mobile devices looks off. Is it possible to fix it in mobile device? http://prntscr.com/t0v04u

Third: Is this possible? Fixing the additional button to line up with add to cart?
http://prntscr.com/t0v0u9

Thank you guys!!!

#241003 Copied Theme version: 6.3.3 WooCommerce version: 4.1.0

5 Answers
Olga Barlow

Participant

June 17, 2020 at 19:32
Hello,

1) Plugin styles have opacity for the disabled button http://prntscr.com/t1lsxk to inform the user that he can’t click the button. If you want to make it the same color as the our disabled button add the below code

.add-request-quote-button.disabled { opacity: .7 !important; }

2) There is a scroll in that area. I have already sent you the video. Do you want to show tabs title in this way http://prntscr.com/t1m2h6 ? Then use below code
.wc-tabs.tabs {flex-wrap: wrap;}

3) There is no space to show the second button there.

Regards
#241164 Copied
filmguerilla

Participant

June 18, 2020 at 05:18

.add-request-quote-button.disabled {
opacity: .7 !important;
}

Thanks for this code All good now!

.wc-tabs.tabs {flex-wrap: wrap;}

I think i will go with the scrollable tabs 😀

3) There is no space to show the second button there.

How about this. Is this possible? http://prntscr.com/t1tdke Move the ADD TO DEMO BUTTON IN line with ADD TO CART?

Thanks guys!

#241196 Copied
Rose Tyler

Support staff

June 18, 2020 at 10:09
Hi,

You’re welcome!
3) Like this http://prntscr.com/t1xtp4 ? Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile –

.single-product .product .yith-ywraq-add-to-quote { margin-left: 106px; } .single-product .add-request-quote-button { padding-left: 25px; padding-right: 25px; height: 35px; }

Regards
#241239 Copied
filmguerilla

Participant

June 22, 2020 at 16:43

Yay thank you guys! I will launch this site this week!

#241690 Copied

Olga Barlow

Participant

June 23, 2020 at 07:40

Hello,

You are welcome. Glad to hear good news. We wish you good sales!

Regards

#241746 Copied
Viewing 6 results - 1 through 6 (of 6 total)