Collection Description not showing on Collection Pages

[HistoricGardens]

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

[ThePrimeWeb]

Hey @HistoricGardens,

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

[HistoricGardens]

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]

Hey @HistoricGardens,

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

[HistoricGardens]

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]

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

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?

[HistoricGardens]

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]

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

Create an additional line above it and add the following. 

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

It should look like this now. 

 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.

[HistoricGardens]

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]

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. 

[HistoricGardens]

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

[ThePrimeWeb · 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)

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

[HistoricGardens]

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

[ThePrimeWeb]

Yup exactly, right above the current line 114.

[HistoricGardens]

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]

Hi @HistoricGardens 

The data in the description is blank.

[devcoders]

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