Showing top categories in tablet mode

[Lukenzo]

Hi. What I should change so that top categories tree would be shown in tablet mode as in mobile mode? I found where to edit so that button would be visible, but after clicking it categories doesn't show up. Mobile mode is working fine. 

What I am talking about : https://imgur.com/a/8L56j

[Lukenzo]

Could anyone explain what this means ? 

{function name="menu" nodes=[] depth=0 parent=null}

Where I should search for these functions which are defined like that? What are those nodes and from where they come? 

[catalin.pop]

If you're talking about hamburger menu, search for hidden-sm-down in prestashop17/themes/classic/assets/css/theme.css file

 

you'll see something like

@media (min-width:768px){.hidden-md-up{display:none!important[spam-filter]

this means that if screen width > 768 hide the menu. Removing the display:none!important will not hide the menu.

[Lukenzo]

Yes I was talking about hamburger menu. But wouldn't that change md-sm screen sizes ? I will have different layouts for phone and tablet modes. It would be better to find where that menu is being rendered. I can't figure that out. 

[catalin.pop]

Well I don't know what do you want to achieve, but I think the answers are in the css file.

Basically if you want to have the same behavior on tablet as the one in mobile you just play with css @media . See what css is applied to mobile( lower width like 480px or 360px) and apply that to tablet (width : 768px +)

[Lukenzo]

I just want to show the same hamburger menu. but the header and etc are different. I managed show that menu button in tablet mode, but after clicking it nothing happens.

[catalin.pop]

Another alternative is to delete all css from @media (min-width:768px) and increase the min-widh from mobile to tablet width . This way you'll basically have a mobile and desktop mode (without tablet) - see @media (min-width:768px)  and @media (min-width:992px)

 

In other words mobile resolution rules will be for higher resolutions like tablets.

 

 

Hope this makes sense to you. 

 

PS. make sure you backup your file first, just in case.

[Lukenzo]

This is not a good solution for me, because I need mobile, tablet and desktop versions. 

{function name="menu" nodes=[] depth=0 parent=null}

Maybe you know what that 'nodes' is ? And where it is being created? I noticed that it is used in other modules too. But I dont get how this line of code works..

[catalin.pop]

I don't know . in what file do you get that line?

[Lukenzo]

ps_mainmenu.tpl

[catalin.pop]

ps_mainmenu.tpl

 

here you can find more documentation about smarty {function}

 

https://www.smarty.net/docs/en/language.function.function.tpl

Edited September 23, 2017 by catalin.pop (see edit history)

[Lukenzo]

Thank you. I thought it was some kind of prestashop function. Any more ideas where I should look?

[catalin.pop]

Like I said, based on what you asked the only changes need to be done are in theme.css file