Hiding collection headings on home page - Dawn Theme

Store Design
, , ,
1

Hi everyone!

I’m hoping someone can help me with instructions on how to hide the collection headings under the collection images on the home page. See pic attached. Using Dawn theme.

Online Toys For Children Australia – Arch & Ted (archandted.com)

Screenshot 2023-05-29 132430.png
Screenshot 2023-05-29 132430.png1300×808 197 KB

2

Hey @MichelleClark
Kindly share your Store URL and Password if enabled

3

Hi @MichelleClark could you share your store URL?

4

Online Toys For Children Australia – Arch & Ted (archandted.com)

5

Hey @MichelleClark

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.

Capture.JPG
Capture.JPG1215×875 126 KB

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

6

Hi @MichelleClark

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css before tag on your theme.liquid file:

{% if template == ‘index’ %}

.collection-card-wrapper .card__content {display: none;}

{% else %}

Regards,

San

7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.card__content .card__information .card__heading {
display: none;
}

ZestardTech_0-1685338234942.png
ZestardTech_0-1685338234942.png1782×809 198 KB

8

Hi there!

thank you for the response, it did work however the collection tiles no longer take you to the collection pages, It only shows as images. Have you got a solution for this?

9

Hi there!

Thank you for the response, I tried using your code but it says:

Unable to update the file

  • Liquid syntax error (line 326): ‘if’ tag was never closed
10

Hey @MichelleClark
You can remove the previous code and add the updated one mentioned below by following the same steps:

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

Best Regards,
Moeed

11

Hi there

Thank you for the response, unfortunately this didn’t work unless I’m missing a step.

Screenshot 2023-05-29 162615.png
Screenshot 2023-05-29 162615.png1238×791 42.4 KB

12

Hello @MichelleClark ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the TOP of the file:
.card--standard > .card__content .card__information {
  padding: 0 !important;
}
.card__content .card__information .card__heading {
display: none;
}

ZestardTech_0-1685341937182.png
ZestardTech_0-1685341937182.png1827×867 281 KB

13

Wonderful thank you so much!

14

it now removes the ability to click on the collection images and you can no longer click on a product. :disappointed_face:

15

That worked, however now you cant see the prices and names of products on the collection pages. I guess this is not something that is achievable

16

Hey @MichelleClark
Try this code

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

Best Regards,
Moeed

17

Hi @MichelleClark

Please replace this css before tag on your theme.liquid file:

{% if template == ‘index’ %}

.collection-card-wrapper .card__content {display: none;}

{% endif %}