Adding Category Descriptions by Category Page

Site URL: https://andreahitpas.squarespace.com

Site:  https://andreahitpas.squarespace.com

Password:  paintings

Hello - is it possible to add category descriptions to each individual category page within a store page?  Specifically for the site above, I'd like to have a different description for each of the categories:  New World Oil Paintings, Framed Ink Paintings, Fiber Art Wall Hangings, and One Hit Wonders.  When I change the text at the top of the Store front page, it changes it across all categories.   Ideally, we'd like to have no text above products on the all category page, but with the following descriptions for each individual category:

Store Front Page:  NO TEXT ABOVE PRODUCTS

H1:  New World Oil Paintings

Created during the Covid pandemic, my New World paintings are an expression of the emotions I experienced during those strange days. Although 2020 was full of anxiety and confusion, I intended my New World paintings to feel full of positive energy and look hopeful for the future.

H1:  Framed Ink Paintings

Inspired by a blissful winter escape to warm sunshine and ocean waves, I intend for these colorful pieces to bring joy into any space.  All paintings in this collection are cheerfully created with alcohol ink on yupo paper and come framed.

H1:  Fiber Art Wall Hangings

A few years ago I attended a macramé class on a whim and absolutely loved it! Since then, I’ve been tying knots, dip dying and creating wall hangings out of wool, cord and yarn. I love making this type of art and think it’s an interesting and unique form of art for your walls.

H1:  One Hit Wonders

I am inspired by color, emotions and nature.  Abstract art is the perfect way for me to express my ideas and inspirations freely. Creativity fuels my soul and fills my heart with peace and joy.

Hi. Have you found the solution yet? Do you still need help on this?

@tuanphan I have not found a solution yet - would you be able to help?  I have seen in previous forum posts there may be a way to do to this..... thanks in advance!

Please post your site-wide password.

I've written some code to do this but I'd need to test on your site.

@creedon yes, I saw you do this!  pw:  paintings

Thank you!

I totally missed the password in your original post! Oh well. I'm in!

Please see Store Page List Categories Description Add.

If you use a paragraph style other than Heading 1, then you'll need to update your heading colors in color theme Lightest 2 as many of them are set to white right now. Meaning if you use them without changing, the text will appear not to be there but it is. It is just white text on a white background. My code is not broken, at least as far as that issue is concerned.

Let us know how it goes.

@creedon Hi mate, trying to use your code for my site, which works but the copy spans the whole width of the screen. What can I add/change so that its bound between a certain width. 

Hey! 

I followed the instructions on your website and It doesn't seem to work on my page - how can i get more guidance with this? thank you

@HousEOFVONNE

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

hey creedon! thank you so much for your swift reply! i realized i didn't insert the two lines of code on the previous page in the correct spot. thank you so much for your help!

On 5/7/2021 at 6:44 AM, creedon said:

Please see Add Store Category Page Description.

If you use a paragraph style other than Heading 1, then you'll need to update your heading colors in color theme Lightest 2 as many of them are set to white right now. Meaning if you use them without changing, the text will appear not to be there but it is. It is just white text on a white background. My code is not broken, at least as far as that issue is concerned.

Let us know how it goes.

Hello Creedon,

I've tried you code in this website

https://tricoche.squarespace.com
pw : TS22

The code is in this shop : /rhum-hse-martinique

but doesn't work 😞

Maybe you can help me please ?

Thank you in advance 🙂
Sébastien

@sstinus

You need to remove the bracket characters.

Let us know how it goes.

23 hours ago, creedon said:

@sstinus

You need to remove the bracket characters.

Let us know how it goes.

It works thx 😉 

3 minutes ago, sstinus said:

It works thx 😉 

Just one thing, did you know why a second grey line appears with this code ?

Without

With

Would have the text below the title RHUMS VIEUX 

10 hours ago, sstinus said:

Just one thing. Would have the text below the title RHUMS VIEUX . Is there any solution please?

Just now, sstinus said:

 

10 hours ago, sstinus said:

Just one thing. Would have the text below the title RHUMS VIEUX and before the grey line. Is there any solution please ?

10 hours ago, sstinus said:

did you know why a second grey line appears with this code ?

It was a design choice I made to replicate the style of the area above.

You are free to remove/change my CSS, override or redesign the CSS that controls that styling.

On 5/6/2021 at 11:44 PM, creedon said:

Please see Add Store Category Page Description.

If you use a paragraph style other than Heading 1, then you'll need to update your heading colors in color theme Lightest 2 as many of them are set to white right now. Meaning if you use them without changing, the text will appear not to be there but it is. It is just white text on a white background. My code is not broken, at least as far as that issue is concerned.

Let us know how it goes.

I need help with this issue also. personally not sure how i share my site with you honestly! 

@lilylundceramics

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hi creedon,

your code worked great for one category but how would I do this across other category's as even when I change the category name it just repeats the first code.

2 hours ago, Antiques_store said:

your code worked great for one category but how would I do this across other category's

The code can handle multiple categories. I suggest keeping the description text intact so that in the future you have a guide to how to format additional categories.

        categoryDescriptionMap : {
        
          /*
          
            the format of each line is a category and a description for the
            category
            
            for each category copy value from Store Settings >
            Categories > [category name] > Edit Category > NAME field for the
            store page. you only need exactly what can be selected from the
            field. if you want to add a description to the Store page ( i.e.
            grid/listing ) leave the category empty, i.e. ''
            
            if the description has single quotes in it then put a backslash
            before the single quotes. example: it's becomes it\'s
            
            following is an example line. copy the example line below and paste
            after the example line. remove '// ' at beginning of pasted line.
            repeat for as many categories as you want to add a description. this
            has been done once initially
            
            */
            
          // '[enter category here between single quotes]' : '[enter category description here between single quotes]',
          
          'Folk Art' : '[enter category description here between single quotes]',
          
          'Paintings' : '[enter category description here between single quotes]',
          
          }

Let us know how it goes.

Worked great

@creedon Does this code compete with the other code of your that I used on thi store? I cant seem to get it to work. I'm going to send you a tip soon for all your help!

https://platinum-turkey-j5bz.squarespace.com/

pw:demo

6 hours ago, nicolettely said:

Does this code compete with the other code of your that I used on thi store?

These two pieces of code, I think, should be able to work together. I've not tested them together.

You've used category URL slugs instead of category names.

          'found-objects' : 'description',
          'contemporary' : 'description',
          'vintage-craft' : 'description',
          'fine-art' : 'description',
          'letterpress' : 'description',
          'books' : 'description',

From the code...

            for each category copy value from Store Settings >
            Categories > [category name] > Edit Category > NAME field for the
            store page. you only need exactly what can be selected from the
            field. if you want to add a description to the Store page ( i.e.
            grid/listing ) leave the category empty, i.e. ''

Let us know how it goes.