Remove "shop now" button on item grids, Debut theme

Shopify Discussion
1

Here is my shop page

https://bkmotoparts.com/

As you can see each product have a shop now button to bring it to the product page.

I would like to remove that and have the customer just click on the anywhere on the item box the open up the item page instead.

Thank you

1 Like
2

Hi @bkparts ,

Please follow the instructions below to hide the button and make the item clickable instead.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the theme.scss file
  3. Add the code below at the very end of the file
.grid__item a.btn.shop_link {
    opacity: 0;
    background: red;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
3

Works perfectly!!!

Thank you very much

1 Like