Another Single Product page help - by filmguerilla

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

  • Avatar: Jef
    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!!!

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

    Avatar: Jef
    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!

    Avatar: Rose Tyler
    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

    Avatar: Jef
    filmguerilla
    Participant
    June 22, 2020 at 16:43

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

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 23, 2020 at 07:40

    Hello,

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

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.