Product title not showing on collection page

Store Design
1

I am using the Dawn theme and the product name is not appearing on any collection page, only the price. When I click into a specific product the product name appears correctly. Thanks in advance.

1 Like
2

Hi @MitchPeterson83

Could you share your store URL?

3

@MitchPeterson83 - can you please share the collection page link?

4

https://ausmancave.com.au/collections/collection

Dev PW is: ausmancaveshop

5

https://ausmancave.com.au/collections/collection

Dev PW is: ausmancaveshop

6

Go to your Online store > Theme > Edit code > Assets > open base.css file, check at the bottom of your file and remove those line of code to solve the issue

.card__heading .full-unstyled-link {
    width: 0 !important;
    height: 0 !important;
    font-size: 0px !important;
    color: white !important;
}
7

@MitchPeterson83 - add this css to the very end of your base.css file and check, adjust the numbers as per your need

.card__heading .full-unstyled-link {
    width: initial !important;    height: auto !important;    font-size: 12px!important;    color: #000!important;    margin-top: 20px;
}
8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and find this css line number:-3326 and remove:
.card__heading .full-unstyled-link {
width: 0!important;
height: 0!important;
font-size: 16px!important;
color: #fff!important;
}

ZestardTech_0-1690187240151.png
ZestardTech_0-1690187240151.png1896×831 97.9 KB

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.card__heading .full-unstyled-link {
font-size: 15px;
padding: 5px;
}

ZestardTech_1-1690187280276.png
ZestardTech_1-1690187280276.png1891×784 127 KB

9

Thank you, but this only partially resolved the issue. This has restored the product name on the collection page but it has also restored the collection name on the collections page. I hoping hoping to get to a stage where:

  1. The product name and product price appear under a product image when on a specific collection.

  2. The collection name does not appear below the collection image when on the Collections page.

Here is the current code at the bottom of my base.css file:

:root {
–easter-egg: none;
–sparkle: url(‘./sparkle.gif’);
}
}
.card__heading .full-unstyled-link {
width: 0 !important;
height: 0 !important;
font-size: 0px !important;
color: white !important;
}
.card–standard > .card__content .card__information {
padding: 0 !important;
}

The ‘Collections’ Page is currently appearing correctly but when you go into a collection like All Products, the product name does not appear under the product image, only the product price.