Drop Down Menu Disappears After LiteMage is Enabled

There is a drop down menu at the top of a Magento store page, similar to the following:

But after LiteMage is enabled, the drop-down menu disappears:

If you look in the Chrome/Firefox development tool under Console > Default levels, you may find a lot of errors like the following:Uncaught ReferenceError: jQuery is not defined. This is a signal that a JavaScript minifier may have been used. You should disable it if you can.

LiteMage uses ESI to hole-punch certain blocks, which are then used by LiteSpeed Web Server when assembling the main HTML page. Each ESI block generates a separate HTTP response, and each of these responses passes through the JavaScript Minifier filter. When a hole-punched (ESI) block also contains JavaScript, the JavaScript Minifier filter processes the partial HTML as if it were an independent page, causing incompatible JavaScript references for the rest of the assembled main HTML page.

Locate the module throwing this error (in this example, it's the PageSpeed module), and either disable it, or modify its configuration settings. For this case, PageSpeed > JavaScript > Enabled had to be changed from Yes to No.

  • Admin
  • Last modified: 2017/12/19 21:40
  • by Lisa Clarke