Add description for each product category? Edit a specific category page?

What's the best way to add a text description for each product category, to be displayed when the user navigates to that category? For example:

On /shop/large-widgets I want it to say:
"Large Widgets: These widgets measure 48 inches and are perfect for outdoor use."

But on /shop/small-widgets I want:
"Small Widgets: These widgets measure 24 inches and are recommended for indoor use."

So far I haven't found a great way to edit individual category pages in this way. What's the best practice?

Can you share link to large - small widgets page? We can check easier.

Hello, I have the same question. What is the solution for this?

Also, the content we add on "Shop" page will appear on each and every category page.

So can we add different content for "/shop" and "/shop/category"?

@SAUMIL

Perhaps the following post will point you in the right direction.

The whole thread covers some variations on the technique.

I don't know if it will work for you as I have no information about your site.

@creedon I have added script part in header, Script is not working "$ is not defined. "

@SAUMIL

Did you follow the following step?

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

@creedon its working now thanks

@creedon

Hate to bother you on an old topic, but I can't seem to get this to work. I'm trying to add a description under each category. I have added all of the code and did a test. This page: https://www.sweetteaoriginals.com/shop/shatterproof-cups Should have "These cups are great!" (just typed something as a test) under the category title of "Shatterproof Cups"

What am I doing wrong?

17 minutes ago, Riviello said:

What am I doing wrong?

Add a forward slash to your category in my code.

Let us know how it goes.

32 minutes ago, creedon said:

Add a forward slash to your category in my code.

Let us know how it goes.

DUUUDE! You are amazing. I can't believe I overlooked that. I looked it over multiple times too! I appreciate your time and your effort to help people. This code makes for an amazing user experience. Thanks again!!

I am trying to get this to work on my 7.1 site. Can anyone help me with where to put the code and how to add the / to the category as discussed above? Add a forward slash to your category in my code.????

this is the code. Can it go in the inject code in the category settings? I don't seem to be able to get it to work.

Any help is appreciated. 

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

12 hours ago, giftsonthegoldcoast said:

I am trying to get this to work on my 7.1 site. Can anyone help me with where to put the code and how to add the / to the category as discussed above? Add a forward slash to your category in my code.????

this is the code. Can it go in the inject code in the category settings? I don't seem to be able to get it to work.

Any help is appreciated. 

 

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

SS changed position of menu, you can add to Settings > Developer Tools > Code Injection > Header or Website > Website Tools > Code Injection > Header

On 8/24/2023 at 6:20 PM, giftsonthegoldcoast said:

I don't seem to be able to get it to work.

I suggest the following thread.

This thread we are in here is incomplete now after several years. Some of the content has gone missing.

hi everyone, I've been following all these recommendations however the descriptions in the header is not ideal for me (or footer for that matter).

I'm in search of coding so that the description is place here, please see image attached with circle. 

There are multiple categories and each has a description that NEEDS to be on the site.