Solved

Collection Description not showing on Collection Pages

HistoricGardens
Tourist
8 0 2

Hello,

 

I'd like the descriptions I added to my collections to display on the catalog. The collection titles are visible but not the descriptions. Is there a way to enable this? The theme editor allows me to tick "Show Description" but it still does not show.

Theme = Refresh

 

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2125 607 471

This is an accepted solution.

Well, maybe we are on different versions of the theme. 

 

Anyways, all you have to do is look for something like this

Maybe ctrl+f and search for "banner__text" (there's two underscores there)

ThePrimeWeb_0-1710606350946.png

 

and just add the code before the {%- endif -%}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 16 (16)

ThePrimeWeb
Shopify Partner
2125 607 471

Hey @HistoricGardens,

 

Can you share the link to the page with this collection set? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

https://historic-gardens-shop.myshopify.com/collections/books-local-interest

Our default collection page  - so pretty much all of them - will not show the description.

ThePrimeWeb
Shopify Partner
2125 607 471

Hey @HistoricGardens,

 

Instead of the regular Collection Banner, are you using a slideshow section instead?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

I am at this point. I tried making the Collection Banner visible, but it still does not show the description - just repeats the title. I just made that visible again for now (redundant title) just to show you...

 

ThePrimeWeb
Shopify Partner
2125 607 471

That's odd. When I set it up as shown below, it works fine. 

 

ThePrimeWeb_0-1710603835445.png

 

So did you try the slideshow option instead because this didn't work for you?

 

 

Also, just to be sure, you have filled in the "Description" box for this collection right?

ThePrimeWeb_0-1710603987675.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

Good grief. The ONE collection that the default setup shows when I am in design mode is the one collection that does not have a description. I feel a bit silly now. Thank you for that!

That being said, I actually liked having the slideshow as the title, design-wise... but it will not grab the description easily so I may have to kill the slide banner/title and just let the basic collection banner with description be the answer. Not as pretty, but solves the problem I guess.

ThePrimeWeb
Shopify Partner
2125 607 471

Hey @HistoricGardens,

 

That's alright haha!

 

Actually you can have the slideshow if you want to. 

To add the description just do the following: 

 

Go to your theme's "Edit code" option and search for slideshow.liquid.

At line 179 (assuming this code was never edited before), the line show say {% endif %}. Screenshot below

ThePrimeWeb_1-1710604847445.png

 

Create an additional line above it and add the following. 

{% else %}
  {% if collection %}
    <p>{{ collection.description }}</p>
  {% endif %}


It should look like this now. 

ThePrimeWeb_0-1710604763689.png

 

 In this case it'll show the description if you leave the textbox of the subheading thing in the theme editor empty, if you add something there, the description won't be visible. It's a one or the other solution.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

OK, great! I may try that and see how it looks. Our collection descriptions are kinda long right now so once we pare them down a bit in size that may be a good option. I have not yet played with any of the actual coding in the theme - but this will be a good experiment.

(I saw reference to "metafields" and had wondered if that was the solution, but was not having any luck there)

Thanks so much for your help!

ThePrimeWeb
Shopify Partner
2125 607 471

The metafields I haven't tested myself on this exact case scenario, but generally I use them and they are good, but in this case, you already have a description field, so creating another field seems like double the work. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

As it turns out, my line 179 vicinity has very different code lines than the pic you sent.

Screenshot.png

ThePrimeWeb
Shopify Partner
2125 607 471

This is an accepted solution.

Well, maybe we are on different versions of the theme. 

 

Anyways, all you have to do is look for something like this

Maybe ctrl+f and search for "banner__text" (there's two underscores there)

ThePrimeWeb_0-1710606350946.png

 

and just add the code before the {%- endif -%}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

I think my line 113 or 114 might be the right placement?

 

Screenshot2.png

ThePrimeWeb
Shopify Partner
2125 607 471

Yup exactly, right above the current line 114.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
HistoricGardens
Tourist
8 0 2

Found it. Inserted code, and it works. Descriptions are far too long right now for that to look right, so have made invisible. But now I have the option of either.

Thanks you so much for your advice - I appreciate the help!

devcoders
Shopify Partner
145 19 34

Hi @HistoricGardens 

The data in the description is blank.

devcoders_0-1710603781369.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!

devcoders
Shopify Partner
145 19 34

Hi @HistoricGardens 
If you share your store URL and password with me, I will check and provide you with the solution.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!