blocktopmenu wont work on mobile

[pabloliracecilio]

 

Hi fellow programmers, I installed(mySiteLink) a template from TemplateMonster(link)

 

Everything is working fine despite my blocktopmenu on mobile.

 

My prestashop is V 1.6.0.6 

 

 

Wen I click the "+" icon on categories, it does not expand the submenu itens.

 

The original template works fine.

 

 

Some things that I struggling to figure out in presta code so I can solve this problem, and any answers would be appreciated:

 

 

1. Which is function is triggered when I press the "+" button on blockTopMenu?That function is not changing the "display" attribute of the submenu items to "block" 

 

 

2. Can I enable de default theme only for mobile? The default theme works fine as well.

 

Thanks in advance.

[pabloliracecilio]

Got it working, I changed 

file 

themes/torrevermelha/js/modules/blocktopmenu/js/blocktopmenu.js

 

function responsiveMenu()

{

   if ($(window).width() <= 767 && responsiveflagMenu == false)

{

menuChange('enable');

responsiveflagMenu = true;

}

else if ($(window).width() >= 768)

{

menuChange('disable');

responsiveflagMenu = false;

}

}

 

 

It was document before.. chaged it to window and got it working 

$(document).width()  was return a value much bigger.. 

[josecarre]

Pal, gotta give you a big thanks, saved me a headache.

 

On index page I used some elements extended to 1000% and this caused the menu to cease working, and you gave me the solution, wich is great because I cannot figure out anything javascript.

[Aioras]

Thanks Pablo, save my day!

[skool_d]

Thanks a lot Pablo!! You are my hero today

 

In 1.6.14 version of Prestashop still have the same problem. 

[intelsys]

Hi to All! I have presatshop  1.6.0.14 and no solution worked for me. My problem was at /themes/default-bootstrap/js/modules/blocktopmenu/js/blocktopmenu.js from line 26 to 37. There was a ".sf-contener" class selector that does not exist in the template code. I removed "sf-contener" and everything worked for me.

 

var responsiveflagMenu = false;

var categoryMenu = $('ul.sf-menu');

//var mCategoryGrover = $('.sf-contener .cat-title');

var mCategoryGrover = $('.cat-title');

 

$(document).ready(function(){

categoryMenu = $('ul.sf-menu');

//mCategoryGrover = $('.sf-contener .cat-title');

mCategoryGrover = $('.cat-title');

responsiveMenu();

$(window).resize(responsiveMenu);

});

 

Hope helps to others.

 

Regards!

[Rom Soul]

Thanks pabloliracecilio !

 

I just spent a few hours debugging why blocktopmenu was messing on some pages but not all ... You gave me the solution !

My beloved client copy pasted in a RTE field some html code including good old <table ... width="1000">

 

so the condition $(document).width() <= 767 was never ok on that precise page,

so desktopInit() was called whatever the device, mobileInit() was never called,

so the click on "categories" could not trigger the expected expected slideToggle() effect...

 

Using the condition

if ($(window).width() <= 767 ... 

instead of

if ($(document).width() <= 767 ... 

solves this bug.

[Dmytro Korolkov]

On 17.07.2014 at 11:29 PM, pabloliracecilio said:

Got it working, I changed file
themes/torrevermelha/js/modules/blocktopmenu/js/blocktopmenu.js

function responsiveMenu()
{
   if ($(window).width() <= 767 && responsiveflagMenu == false)
{
menuChange('enable');
responsiveflagMenu = true;
}
else if ($(window).width() >= 768)
{
menuChange('disable');
responsiveflagMenu = false;
}
}

It was document before.. chaged it to window and got it working
$(document).width()  was return a value much bigger..

 

Thanks a lot man!!!

Edited February 12, 2018 by Dmytro Korolkov (see edit history)