Remove 'more' and 'add to cart' buttons from products - Motion Theme

Technical Q&A
1

Hi there :slightly_smiling_face: I’d like to remove the ‘more’ and ‘add to cart’ buttons from each product on this page: https://www.okandco.com.au/collections/all

I just want to see the picture of each product on that page, without any buttons overlayed, and be able to click on that picture, then you would be able to see all the info regarding that product on the next page and place your order from there.

Apparently with the Motion Theme doesn’t allow them to be deactivated, so I need it coded into the theme.

Is anyone able to please help me with this? Thank you so much :slightly_smiling_face:

1 Like
2

Hello @username

I would like to give you some recommendations to support you
Add this code to theme.liquid

.collection_info_hover { display: none; }

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

3

@ZBK

oh sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.collection_info_hover {display: none !important;}