Remove subcategories from a category page?

[GamerWipes]

Sorry if this has been answered, I searched. I have a Category that has sub categories. When I go to the page for the main category, i just want it to show all of the products in all sub categories, without showing the preview image and name for the sub categories (see picture).

Directly above where the products are shown, it says the main category (MERCH), the under it, it shows all of the sub category titles (i removed the images and descriptions), then finally under all of that, it gets to the actual products. 

How can I get rid of all the un-needed names for the categories and sub-categories above the products? its not needed because its on the sidebar to the left.

Explain like Im a mentally slow 12 year old. Thanks in advanced!

PS v8.1.5 - php v8.1

[GamerWipes]

I just wanted to give an update. Ive inspected my site and played around with my custom.css file, i still cant get it to work, but i feel like maybe im close. or at least close enough that someone could see my error and easily fix it. 

this is what i have (that doesnt work) but it shows the directory of the stuff i want to hide. the "subcaterogies" part, as well as the part above it which is called "js-product-list-header"

 

any help is really appreciated. i know the site is in maintenance mode but i cant take it off right now. hopefully this bit of code is enough to work if modified correctly

#wrapper .container>.row>.content-wrapper>.main>.subcategories {
    display: none;
    visibility: hidden;
}

 

[ps8modules]

Hi.

./themes/classic/assets/css/custom.css

MERCH:

#js-product-list-header {
    display: none !important;
}

Subcategories:

#subcategories {
    display: none !important;
}

 

Edited July 5, 2024 by ps8modules.com (see edit history)

[GamerWipes]

  On 7/5/2024 at 3:08 AM, ps8modules.com said:

Hi.

./themes/classic/assets/css/custom.css

MERCH:

#js-product-list-header {
    display: none !important;
}

Subcategories:

#subcategories {
    display: none !important;
}

 

Expand  

This worked perfectly, thank you!

[ps8modules]

I gladly helped 🤫

[GamerWipes]

  On 7/5/2024 at 12:36 PM, ps8modules.com said:

I gladly helped 🤫

Expand  

Do you happen to know how to get rid of this part of the sidebar? i tried '#left-column' but it got rid of the whole sidebar, which i dont want. i then tried '#block-categories' and '#category-top-menu' and that didnt seem to work. do you know what the part i'm trying to hide is called?

Edited July 5, 2024 by GamerWipes
more info + pic (see edit history)

[GamerWipes]

I figured it out myself by messing around with the code (im very new to this). for anyone else that may want to know, this is the code I used

#left-column .block-categories {
    display: none !important;
}

 

[Bettina]

Hi, I am trying to hide the Main Category part (the category itself, Picture and the titel) and tried:

#js-product-list-header { display: none !important; }

Unfortunately, it didn't work. Where can I find the name of each (this) element?

Thank you so much in advance.

[QuickUpdate.net]

@Bettina you want to hide the subcategories as circled in your picture or the left sidebar?

[Ray UK]

in your theme folder, load up yourthemename/templates/catalog/listing/product-list.tpl and find the following text

{block name='subcategory_list'}
      {if isset($subcategories) && $subcategories|@count > 0}
        {include file='catalog/_partials/subcategories.tpl' subcategories=$subcategories}
      {/if}
    {/block}

simply delete all of that text.

[Bettina]

  On 3/13/2025 at 3:20 PM, QuickUpdate.net said:

@Bettina you want to hide the subcategories as circled in your picture or the left sidebar?

Expand  

Dear QuickUpdate.net, 

I would like to hide the main category itself when selected/clicked and its picture as I circled in the screenshot. (Only show the subcategory when the main category is hit. )

Thank you so much!

[Ray UK]

  On 3/17/2025 at 11:37 AM, Bettina said:

Dear QuickUpdate.net, 

I would like to hide the main category itself when selected/clicked and its picture as I circled in the screenshot. (Only show the subcategory when the main category is hit. )

Thank you so much!

Expand  

Do as I said above 👍

[Knowband Plugins]

  On 3/13/2025 at 1:58 PM, Bettina said:

#js-product-list-header { display: none !important; }

 

Expand  

If you want to hide the CSS, share the site URL so you can check whether this selector is correct or not. 

If you want to delete it entirely from the page, follow the suggestion shared by Ray UK

[ps8modules]

@Bettina

Hi.

This looks like an older Prestashop as shown in the picture. Maybe you can find the magic right mouse button. Just hover over the element, right-click and your browser will display Inspect element. Then you will see CSS style, HTML ... As already written, if you give us the URL of the store, we will definitely write to you what to change and where. Also specify your Prestashop version.

[Bettina]

  On 3/19/2025 at 3:18 AM, ps8modules said:

@Bettina

Hi.

This looks like an older Prestashop as shown in the picture. Maybe you can find the magic right mouse button. Just hover over the element, right-click and your browser will display Inspect element. Then you will see CSS style, HTML ... As already written, if you give us the URL of the store, we will definitely write to you what to change and where. Also specify your Prestashop version.

Expand  

Dear @ps8modules,

I tried the CSS right mouse thing. Managed to delete some elements but somehow messed up the whole design underneath... 🥲

Thank you so much. This is my link: https://golden-bridge-international.com/

Version: 1.7.7.2

Thank you again in advance!

[Knowband Plugins]

Add the following CSS in themes/AngarTheme/assets/css/angartheme.css file (bottom of the file)

 

div#category_desc {
    display: none;
}