Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2020 at 2:12 am #1203420
    KeyshaunSmith

    Hello!

    I would like to remove the add to cart button on the “product grids” and “related products”

    Thanks!

    April 14, 2020 at 10:01 pm #1203794
    Jordan Shannon

    Hey KeyshaunSmith,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    April 18, 2020 at 11:34 pm #1205141
    KeyshaunSmith

    This is the product page.

    Thanks :)

    April 20, 2020 at 8:49 pm #1205558
    Jordan Shannon

    Hi,

    I’m not seeing the add to cart button. Did you resolve this?

    Best regards,
    Jordan Shannon

    April 20, 2020 at 8:53 pm #1205563
    KeyshaunSmith

    Negative

    The button text is “Select Options” for products with variations. If the product doesn’t have variations it displays “Add To Cart”

    Anywho the button i want to remove is the one that says “Select Options”

    April 20, 2020 at 9:11 pm #1205575
    Jordan Shannon

    Hi,

    Add this to quick css:

    .button.product_type_simple.add_to_cart_button{
display:none!important;
}

    Best regards,
    Jordan Shannon

    April 20, 2020 at 9:16 pm #1205576
    KeyshaunSmith

    Perfect! Now, can I make the “Show Details” Button blue and change to orange upon hover?

    Thanks!

    April 20, 2020 at 11:18 pm #1205592
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia_cart_buttons{
background:blue!important;
}

.avia_cart_buttons:hover{
background:#fa8908!important;
}

.avia_cart_buttons .button{
color:#fff!important;
}

    Best regards,
    Jordan Shannon

    April 20, 2020 at 11:27 pm #1205598
    KeyshaunSmith

    Ok that sorta worked, the blue looks like it has an opacity decrease until hover. I would like it at full opacity all the time.

    And there is a weird vertical line in the middle of the button. On the top of the page next to the mother’s day countdown it appears to compensate for the vertical line by moving the text over, and on the bottom of the page underneath the countdown the vertical line is just in the center of the text.

    You can see this on the page in private content.

    April 21, 2020 at 12:10 am #1205611
    Jordan Shannon

    Hi,

    Add this to quick css as well:

    .avia_cart_buttons{
opacity:1!important;
}

.button-mini-delimiter{
display:none!important;
}

.button.show_details_button{
width:100%!important;
}

    Best regards,
    Jordan Shannon

    April 21, 2020 at 12:25 am #1205612
    KeyshaunSmith

    Beautiful! Worked like a charm, thank you!

    April 21, 2020 at 12:55 am #1205615
    Jordan Shannon

    Hi,

    I’m glad this was resolved and I’m happy to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove Add To Cart Button’ is closed to new replies.