MAGETWO-49796: Catalog top nav, CSS class not set to active when using Varnish

Author: Bohdan Korablov

lib/web/mage/menu.js

@@ -199,12 +199,17 @@ define([
          */
         _setActiveMenuForProduct: function (currentUrl) {
             var categoryUrlExtension,
+                lastUrlSection,
                 possibleCategoryUrl,
                 //retrieve first category URL to know what extension is used for category URLs
                 firstCategoryUrl = this.element.find('> li a').attr('href');
 
             if (firstCategoryUrl) {
-                categoryUrlExtension = firstCategoryUrl.substr(firstCategoryUrl.lastIndexOf('.'));
+                lastUrlSection = firstCategoryUrl.substr(firstCategoryUrl.lastIndexOf('/'));
+                categoryUrlExtension = (lastUrlSection.lastIndexOf('.') !== -1)
+                    ? lastUrlSection.substr(lastUrlSection.lastIndexOf('.')) : '';
+
+                //categoryUrlExtension = lastUrlSection.substr(lastUrlSection.lastIndexOf('.'));
                 possibleCategoryUrl = currentUrl.substr(0, currentUrl.lastIndexOf('/')) + categoryUrlExtension;
                 this._setActiveMenuForCategory(possibleCategoryUrl);
             }