Hide Add to cart button while Edit Configuration is displayed

  • Resolved kelseyduerksen

    (@kelseyduerksen)


    1 year, 7 months ago

    Hello,

    I would like to hide the Add to cart button if a customer clicks on “modify configuration” from the cart. Having both buttons is confusing and there isn’t room for both buttons on a mobile device.

    Is there a bit of php code that I could add to my child theme to solve this?

    Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi there,

    It’s possible to do this with a bit of CSS.

    Though testing your link, only “next” is visible when editing an item from the cart, so maybe you’ve changed something already?

    Marc

    Thread Starter kelseyduerksen

    (@kelseyduerksen)

    Sorry, I had set the “edit configuration” link to “display: none” in css, but have now commented that out.

    How do I replace the button with CSS?

    Thanks.

    Plugin Contributor Marc Lacroix

    (@marcusig)

    Ok. You can use this CSS:

    .mkl_pc .mkl_pc_container .edit-cart-item-is-displayed button.configurator-add-to-cart:not(.edit-cart-item) {
    display: none;
}

    You’ll notice that this uses the class .edit-cart-item-is-displayed which is added when both buttons are displayed.

    Marc

    Thread Starter kelseyduerksen

    (@kelseyduerksen)

    Perfect! That worked perfectly!

    Thanks again for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide Add to cart button while Edit Configuration is displayed’ is closed to new replies.