"category tree" module in admin panel is too small

[tobakalogati]

Hello 

I use prestashop 1.7.4 .

I would like to know if there is any way to modify the "category tree" module in product page under admin panel. 

It is too small and every time i modify a product the categories are collapsed so i have to click on expand in order to see them . After i expand the categories most of them are hidden. 

It would be great if i could at least modify the left column and make it smaller , and make bigger the right column with categories , price etc 

 

Any ideas?

Thank you

 

[JBW]

As a quick (+bit dirty) solution you could add following CSS:

.categories-tree.js-categories-tree {
	margin-left: -300px;
}

[tobakalogati]

22 hours ago, JBW said:

As a quick (+bit dirty) solution you could add following CSS:

.categories-tree.js-categories-tree {
	margin-left: -300px;
}

Hello and  thank you for you suggestion . Could you pelase tell me in which css file should i add it?

 

[JBW]

16 hours ago, tobakalogati said:

Could you pelase tell me in which css file should i add it?

For 1.7.4 in /admin843rvnmie/themes/default/public/theme.css I guess

[epsilongr]

Yes this is a good solution.
Is awful to use scroller and cant see the main category radio button.
Prestashop 1.6 was the best ever platform.

With JBW solution seems is nice and you can work.

[webolive]

You can also add some JQuery instead :

$(document).ready(function () {
    $('.adminproducts #form_content #step1 #categories').appendTo('.adminproducts #form_content #step1 .left-column');
});

I find it cleaner :

[Edoardo Cercone]

On 11/22/2021 at 1:59 PM, webolive said:

You can also add some JQuery instead :

$(document).ready(function () {
    $('.adminproducts #form_content #step1 #categories').appendTo('.adminproducts #form_content #step1 .left-column');
});

Surely this one seems the cleaner solution but wich is the file to edit? Is it better to create an override?

thank you

Edited April 6, 2022 by Edoardo Cercone (see edit history)

[jisas7]

On 4/6/2022 at 10:21 PM, Edoardo Cercone said:

Surely this one seems the cleaner solution but wich is the file to edit? Is it better to create an override?

thank you

 

 

Where should I write this js code?

 

[webolive]

the cleanest way would be to create a module and use the hook "actionAdminControllerSetMedia", then the method :

$this->context->controller->addJS($this->_path . 'extra.js')

to add some extra js in the Backoffice

Edited September 14, 2023 by webolive (see edit history)

[jisas7]

thanks

[Edoardo Cercone]

Hi, here is a little module to solve this problem. This module changes the position of categories tree in product admin page from right colum andplaces it in the center colum of the page so its large enought even for very long category names.

Compatible with Prestashop 1.7

Hope it helps

Enjoy

 

 

movecattree.zip

Edited March 17 by Edoardo Cercone (see edit history)

[jisas7]

thanks Edoardo. I will try it.

[Prestashop Addict]

Another solution if you work on a large screen, is to change the admin template in \src\PrestaShopBundle\Resources\views\Admin\Product\ProductPage\product.html.twig line 59

change

    <div id="form-loading" class="col-xxl-10">

to

    <div id="form-loading" class="col-xxl-12">

and clear var/cache/

Edited March 18 by Prestashop Addict (see edit history)