How Can I Remove Thumbnail Images From Category And Subcategory Pages?

Hi,

1) How to I remove thumbnail images from Category and Subcategory pages? I want to display only text as links shown in attached image.

2) On which style sheet can I change font and size?

Thank you.

cscart_subcategories.png

Hi,

1) How to I remove thumbnail images from Category and Subcategory pages? I want to display only text as links shown in attached image.

2) On which style sheet can I change font and size?

Thank you.

Remove the following from templates / vies / categories / view.tpl (using the template editor)

{if $category.main_pair}
  {include file="common/image.tpl"
    show_detailed_link=false
    images=$category.main_pair
    no_ids=true
    image_id="category_image"
    image_width=$settings.Thumbnails.category_lists_thumbnail_width
    image_height=$settings.Thumbnails.category_lists_thumbnail_height
    class="ty-subcategories-img"
  }
{/if}

and to edit the font size use the following (add to styles.less).

.ty-subcategories__item span {
  font-size: 16px !important;
}

After you have done that clear the cache (Administration / Storage / Clear cache)

Remove the following from templates / vies / categories / view.tpl (using the template editor)

{if $category.main_pair}
  {include file="common/image.tpl"
    show_detailed_link=false
    images=$category.main_pair
    no_ids=true
    image_id="category_image"
    image_width=$settings.Thumbnails.category_lists_thumbnail_width
    image_height=$settings.Thumbnails.category_lists_thumbnail_height
    class="ty-subcategories-img"
  }
{/if}

and to edit the font size use the following (add to styles.less).

.ty-subcategories__item span {
  font-size: 16px !important;
}

After you have done that clear the cache (Administration / Storage / Clear cache)

Many thanks for your reply.
I checked my code at templates / views / categories / view.tpl

But my code shows as below. Please advice.

                    {$category.category}
                
            

Why not just delete the category image?

Many thanks for your reply.
I checked my code at templates / views / categories / view.tpl

But my code shows as below. Please advice.

It can slightly differ from version to version. Just delete the following part of code

                       {include file="common/image.tpl"
                            show_detailed_link=false
                            images=$category.main_pair
                            no_ids=true
                            image_id="category_image"
                            image_width=$settings.Thumbnails.category_lists_thumbnail_width
                            image_height=$settings.Thumbnails.category_lists_thumbnail_height
                        }

It can slightly differ from version to version. Just delete the following part of code

                       {include file="common/image.tpl"
                            show_detailed_link=false
                            images=$category.main_pair
                            no_ids=true
                            image_id="category_image"
                            image_width=$settings.Thumbnails.category_lists_thumbnail_width
                            image_height=$settings.Thumbnails.category_lists_thumbnail_height
                        }

Many thanks eCom Labs and poppedweb. Great! that worked. But CSS (styles.less) did not worked.

Any suggestions?

.ty-subcategories__item span {
font-size: 16px !important;
}

Your current category code:

Change

to

And add the following CSS code to styles.less:

.subcat-link__item span {
    font-size: 16px !important;
}

Best wishes,

Your current category code:

{$category.category}

Change

to

And add the following CSS code to styles.less:

.subcat-link__item span {
    font-size: 16px !important;
}

Best wishes,

Great! many thanks. That worked.