How to remove product title from featured collection on home page?

Store Design

Topic summary

Goal: Hide product titles in featured collection grids on the homepage (Dawn 11.0), without removing the image link. The price had already been hidden via CSS.

Key attempts:

  • Generic CSS (.collection .card__information .card__heading { opacity: 0; }) successfully hid titles but on all collections sitewide, which was not desired.
  • Other replies suggested adding CSS via theme.liquid, but some code blocks were incomplete in the thread.

Working solution (accepted):

  • Edit theme.liquid and insert CSS before the tag, wrapped in a conditional so it only runs on the homepage:
    • Use a Liquid check like {% if template.name == ‘index’ %} … {% endif %}.
    • Inside it, hide the product title element for the featured collection cards. This scopes the change to the home page only.

Outcome: Confirmed by the OP as working “perfectly” and limited to the homepage. The sitewide-hiding approach was rejected. No further issues raised; thread resolved.

Summarized with AI on December 20. AI used: gpt-5.
1

Hi,

I want to remove the product titles on specific featured collection grids on the home page. I don’t want to remove the link from the image.

I’ve already added this custom css to remove the price but nothing that I have tried will remove the title.

.collection .card-information .price {
display: none !important;
}

Thanks for any help!

Screen Shot 2024-09-02 at 11.55.50 AM.png
Screen Shot 2024-09-02 at 11.55.50 AM.png600×219 66.9 KB

4 Likes
2

Hi @Smeelah

Would you mind sharing your store URL? Thanks!

1 Like
3

oh right;)

leilacools.com

and I’m using Dawn 11.0

thanks

4

Hi @Smeelah ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

5

@Smeelah , just add more this code

.collection .card__information .card__heading {
    opacity: 0;
}
6

Thanks for the info, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

{% if template.name == 'index' %}

{% endif %}

And save.

Result:

Made4uoRibe_0-1725294625286.png
Made4uoRibe_0-1725294625286.png1383×645 201 KB

Note: This will hide only on your homepage not the collection page.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

2 Likes
7

This is Richard from PageFly - Shopify Page Builder App

Hi @Smeelah Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

8

One would assume that would work since it worked for price but no. Thanks anyway!

9

This removes the title from all collections but thanks anyway!

10

It works perfectly and only on the home page. Thank you very much!