Support » Plugin: Product Addons for Woocommerce » Please help Restoring Button View

  • Resolved Wasim Zadid

    (@zadid)


    Nice Plugin indeed… But, it messed with the regular “Add to Cart” button of Individual Product Page…

    Here, you can see –
    1. Normal “Add to Cart” Button –
    https://prnt.sc/suuuv3

    2. After Installing, Normal “Add to Cart” Button –
    https://prnt.sc/suusi1

    The form seems to be attached on the “Add to Cart” button. Is there any way to make this as independent form; so that the “Add to Cart” button isn’t affected…?

    Moreover, can you please help to make the width of this from to be the maximum. Dont want the Placeholder nor the Lebel to be hidden because of the width –
    https://prnt.sc/suuvdc

    Thanks in Advance…!

    • This topic was modified 1 year, 5 months ago by Wasim Zadid.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support ashin_acowebs

    (@ashinacowebs)

    Hi,

    It seems there is some CSS conflict. But we can fix it only if we can enter into the page. It seems your website is under maintenance.

    Thank you.

    Thread Starter Wasim Zadid

    (@zadid)

    Hey There..!
    It’s Open now…

    I created a dummy page for you –
    https://curiouscraft.com.bd/shop/steam-wallet-codes-copy/

    Thread Starter Wasim Zadid

    (@zadid)

    I did reset the Permalinks…

    Please check the problem from the links given below –
    https://curiouscraft.com.bd/product/test
    https://curiouscraft.com.bd/product/test-without-form

    Plugin Support ashin_acowebs

    (@ashinacowebs)

    Hi,

    Please add the below CSS code to Additional CSS.
    Path: Appearance -> Customize -> Additional CSS.

    .wcpa_has_options form.cart {
        background: none !important;
    }
    
    .wcpa_has_options button.single_add_to_cart_button.button.alt {
        background: linear-gradient(90deg, #c467f5, #53f3ff) !important;
    }
    Thread Starter Wasim Zadid

    (@zadid)

    Thanks for your Instruction… It seems, it worked on the Cart Button with Table…
    But, however, it did not do any change to Cart Button of the product, which didn’t have the form…

    With Form(now)-
    https://prnt.sc/t30ues

    Without Form –
    https://prnt.sc/t30vc3

    Please Note, my Normal Add to Cart button looks like(when your Plugin is deactivated)-
    https://prnt.sc/t30ws4
    Can you please help me make the button look exactly like this..?

    Thanks in advance..!

    Plugin Support ashin_acowebs

    (@ashinacowebs)

    Use this code

    button.single_add_to_cart_button.button.alt {
        position:absolute;
        top:6px;
        right:10px;
    }
    
    form.cart {
       position:relative;
       height:55px;
       background: linear-gradient(90deg, #c467f5, #53f3ff);
       width:50%;
    }
    
    .quantity {
        position:absolute;
        bottom:20px;
    }

    Thank you.

    Thread Starter Wasim Zadid

    (@zadid)

    Thank you very much for your time…

    The last code you sent, Caused the Cart for the “TEST without Form” product look completely Normal..
    But, it messed up the product with Form and all other Products as well… :D…

    I guess, it’s harder to make it perfect..
    Anyway, No Worries, Thanks for your Support…!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Please help Restoring Button View’ is closed to new replies.