Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 15, 2015 at 4:42 pm #519402
    milanissimo85

    Hello

    is it possible to hide just the Add to cart button and product amount from variable product page? I’d like to display a contact form instead of Add to cart button and I’d like to use the rest of variable product functionality, such as variants, short description, unique SKUs and different prices.

    I’m already using this CSS code to hide the Add to cart button

    form.cart {
    margin-bottom: 24px;
    overflow: hidden;
    display: none;
}

    Thank you

    October 15, 2015 at 5:40 pm #519447
    Elliott

    Hi milanissimo85!

    Send us a link to one of these products and we’ll take a look. You can set your reply as private if you wish.

    Best regards,
    Elliott

    October 15, 2015 at 6:07 pm #519469
    milanissimo85

    Hello

    The link to the variable product is in the private content.

    I tried to hide the buttons with via this:

    div.variations_button {
    overflow: hidden;
    width: 100%;
    display: none;
}

    But it only works in Firefox developer tools. As soon as I put it into Quick CSS, the buttons are there again.

    Thank you

    October 15, 2015 at 7:41 pm #519516
    Elliott

    Hi!

    Try this out.

    .variations_button {
    display: none !important;
}

    Best regards,
    Elliott

    October 15, 2015 at 9:41 pm #519578
    milanissimo85

    It’s working, thank you!

    October 15, 2015 at 9:58 pm #519590
    Basilis

    Hi!

    Glad you got it short out!
    Let us know if we could help with any other way :)

    Cheers!
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide add to cart button on variable product page’ is closed to new replies.