Home › Forums › WoodMart support forum › how to remove add to cart icon on shop page

how to remove add to cart icon on shop page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 3, 2020 at 11:01 pm #223455

    mohamed
    Participant

    hi

    how to remove add to cart icon on the shop page

    thanks

    Attachments:
    You must be logged in to view attached files.
    September 3, 2020 at 11:26 pm #223470

    Elise Noromit
    Member

    Hello,

    You can enable the Catalog mode in the Theme Settings > Shop page > Catalog mode. The button would disappear both from the shop page and product page.

    If you need this button on the product page and want to remove on the shop page only, please add this code to the Theme Settings > Custom CSS > Global: 

    body .woodmart-hover-icons:hover .wrapp-buttons {
    visibility: hidden;
}

    Best Regards

    September 3, 2020 at 11:39 pm #223477

    mohamed
    Participant

    thanks for replay but it does not work I’m using this code in
    Global Custom CSS

    body .woodmart-hover-icons:hover .wrapp-buttons {

    visibility: hidden;

    }

    please feed me another work code

    thanks

    September 4, 2020 at 7:51 am #223552

    Elise Noromit
    Member

    Hello,

    You have missed the gap in the CSS rule. https://gyazo.com/f0744d0031917fdd51eccb5504de6f83

    Please copy-paste from the forum: 

    body .woodmart-hover-icons:hover .wrapp-buttons {
    visibility: hidden;
}

    Best Regards

    September 4, 2020 at 12:12 pm #223655

    mohamed
    Participant

    thanks for replay

    this code works on laptop but not work in mobile
    *note:- this code does not work in theme setting -Global custom CSS,
    but work in appearance customize
    please feed me code work on other devices.

    thanks

    Attachments:
    You must be logged in to view attached files.
    September 4, 2020 at 2:47 pm #223729

    Elise Noromit
    Member

    Hello,

    Have you added the code to the CSS > Global? Please provide your site admin access to the private area.

    Best Regards

    September 4, 2020 at 3:24 pm #223735

    mohamed
    Participant

    ok take it

    September 4, 2020 at 9:44 pm #223790

    Elise Noromit
    Member

    Hello,

    Please add this code additionally to the Theme Settings > Custom CSS > Global:

    @media (max-width: 1024px){
body .woodmart-hover-icons .wrapp-buttons {
    visibility: hidden;
    opacity: 0;

}
}

    Best Regards

    September 4, 2020 at 11:33 pm #223800

    mohamed
    Participant

    thanks, it works 🙂

    September 5, 2020 at 7:06 am #223827

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)