Page 1 of 1
Category Description BELOW products
Posted: Fri Feb 22, 2019 12:29 am
by semihalimi112
Hi
What I want to achieve is to have a category description below products listed in this category, Default setting is that it shows above the products, is there any way to move it down ?
Regards
Thank You
Re: Category Description BELOW products
Posted: Fri Feb 22, 2019 12:31 am
by Johnathan
You'd want to edit this file if you want to move the description down on the page:
/catalog/view/theme/YOURTHEME/template/product/category.twig
Don't forget to clear your theme cache after updating the file, or it won't appear to update. You can do that with the gear icon in the upper-right of the main admin dashboard page.
Re: Category Description BELOW products
Posted: Fri Feb 22, 2019 7:57 pm
by paulfeakins
If you don't want to touch any template files, it could potentially be done with pure CSS:
https://stackoverflow.com/questions/742 ... s-with-css
Re: Category Description BELOW products
Posted: Mon Mar 04, 2019 11:04 pm
by semihalimi112
Johnathan wrote: ↑Fri Feb 22, 2019 12:31 am
You'd want to edit this file if you want to move the description down on the page:
/catalog/view/theme/YOURTHEME/template/product/category.twig
Don't forget to clear your theme cache after updating the file, or it won't appear to update. You can do that with the gear icon in the upper-right of the main admin dashboard page.
Thanks for reply but wich code i need to change on category.twig ?
Re: Category Description BELOW products
Posted: Tue Mar 05, 2019 6:11 am
by Johnathan
The part that prints out the category description is this one:
Code: Select all
{% if description %}
<div class="col-sm-10">{{ description }}</div>
{% endif %}</div>
You would move that to somewhere else in the file, wherever you want it placed.
Re: Category Description BELOW products
Posted: Tue Mar 05, 2019 6:58 pm
by letxobnav
either move the thumb and the description:
Code: Select all
{% if thumb or description %}
<div class="row"> {% if thumb %}
<div class="col-sm-2"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail" /></div>
{% endif %}
{% if description %}
<div class="col-sm-10">{{ description }}</div>
{% endif %}</div>
<hr>
{% endif %}
or just the description:
Code: Select all
{% if description %}
<div class="col-sm-10">{{ description }}</div>
{% endif %}
be aware of the column size definitions.