Remove product titles and price from homepage, and make products clickable through image

Topic summary

Removing product title, price, and “Sold out” labels from the homepage and making product tiles clickable via the image. Store URL shared (veenuscollections.com).

What was tried:

  • Code added in theme.liquid (index/homepage condition) suggested to hide elements. One approach reportedly worked to remove text/labels.
  • Alternative guidance to use Theme Customizer to hide title, price, and “Sold out” without code; noted that making the image itself the clickable link requires custom coding.
  • Follow-up code “update” was provided, but did not resolve a remaining visual issue.

Current issue:

  • After clicking a product image, a grey rectangular “shadow/selection” box appears where the title used to be. This persists for the OP despite page reloads; another participant could not reproduce it.
  • Screenshots were shared to illustrate the grey box; visuals are central to diagnosing the issue.

Status and next steps:

  • Hiding elements on the homepage is achieved; image-only click behavior may be in place.
  • The grey box artifact remains unresolved. Thread is open; suggestions point to further theme customization or targeted CSS to remove the post-click highlight/focus state.
Summarized with AI on December 25. AI used: gpt-5.

Trying to figure out how to remove product name, price and sold out sticker from homepage. I would like the products to be clickable through the image.

I don’t know anything about coding, please go easy on me, thank you!

Hey @Hollywatson

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

https://veenuscollections.com

Thank you!

Hey @Hollywatson

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if template == 'index' %}

{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @Hollywatson

Please go to your Online Store > Themes > click “…” in the current theme, open theme.liquid file, paste the code below after


![Screenshot 2024-07-09 at 14.43.09.png|1168x683](upload://g3tnRsKDw8MdEB8tvZzXfW6TXX8.png)

Thank you so much! I’ve been trying other ways for so long, first one that worked!

Just to be nit-picky, when I click on the image there is still a shadow selection from where the title used to be, is there a way to get rid of that also?

1 Like

Hello @Hollywatson - check the screenshot.

  1. You can hide the name , price and sold out sticker by theme customization.
    Go to online store ---------> themes --------------> actions ------> customization.

  1. To make the products to be clickable through the images:-
    This will need custom coding to be done
    and i can help you in this custom coding.

If this was helpful, hit the like button and mark the job as completed.
Thanks

Code updated

This doesn’t appear to have fixed the issue :disappointed_face: any other options?

Thank you, this worked well! when I click on the image there is still a shadow selection from where the title used to be, is there a way to get rid of that also?

Did you try to reload your page to check? I cannot see the issue as you mentioned on my side

I only see these options under template*:

Unfortunately it’s still happening, I have a screenshot of the issue here, sorry for the bad quality, it was hard to get a photo of so it’s a photo of my screen! This grey box is the issue, and it comes up after I click the product. Thank you so much!

check this screenshot, from home page go to your product page, click on any product and that will take you to product page.

the do this editing.

let me know if this helped.