logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
Joe Payne2  
#1 Posted : Monday, August 23, 2021 1:44:20 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
I can't figure out what js library you're using to drive the 'megamenu' classes?

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

shaharyar  
#2 Posted : Monday, August 23, 2021 2:10:55 PM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Its superfish.js
thanks 1 user thanked shaharyar for this useful post.
Joe Payne2 on 8/23/2021(UTC)
Joe Payne2  
#3 Posted : Monday, August 23, 2021 2:32:18 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
So why is it called 'megamenu' in the styles?

Does Superfish.js handle the conversion to hamburger menu when viewing on mobile? That's what we're trying to isolate.
shaharyar  
#4 Posted : Tuesday, August 24, 2021 2:41:29 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
megamenu class is theme-specific and is applying styles on the menu. It is not responsible for the menu generation on mobile view.

The mobile menu is simple bootstrap.
Joe Payne2  
#5 Posted : Tuesday, August 24, 2021 4:53:57 AM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
So to understand this correctly:

The menus are built using Superfish.js.

The megamenu CSS classes are used by Superfish.js to apply styles to the menu.

The mobile menu itself is created by bootstrap from the existing Superfish.js html

Did I get that right?
shaharyar  
#6 Posted : Tuesday, August 24, 2021 5:15:38 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Yes, you understand it correctly.

Quote:
The megamenu CSS classes are used by Superfish.js to apply styles to the menu.


The magemenu classes are used by the sample theme. You can see the styles in style.css


Thanks
thanks 1 user thanked shaharyar for this useful post.
Joe Payne2 on 8/24/2021(UTC)
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.