Responsive category drop down w/slide out mobile categories

This forum is where we'll mirror posts that are of value to the community so they may be more easily found.
Post Reply
User avatar
Shopping Cart Admin
AbleCommerce Admin
AbleCommerce Admin
Posts: 3055
Joined: Mon Dec 01, 2003 8:41 pm
Location: Vancouver, WA
Contact:

Responsive category drop down w/slide out mobile categories

Post by Shopping Cart Admin » Thu Jun 04, 2015 8:25 am

Hello All,

We created a new drop down category navigation for the responsive template which converts over to a slick slide out category menu when viewed on mobile. If you are working with the responsive templates please give these a try and let us know if you have any feedback!
HeaderNavigation.zip
(25.5 KiB) Downloaded 312 times
Thanks for your support

Shopping Cart Guru
AbleCommerce.com
Follow us on Facebook

User avatar
Shopping Cart Admin
AbleCommerce Admin
AbleCommerce Admin
Posts: 3055
Joined: Mon Dec 01, 2003 8:41 pm
Location: Vancouver, WA
Contact:

Re: Responsive category drop down w/slide out mobile categories

Post by Shopping Cart Admin » Fri Jun 05, 2015 7:23 am

Hello,

Added this to a dev site today and found for their quantity of categories I needed to add the following to the custom.css file.

Code: Select all

#outerPageContainer #header #storeHeader #headerTop .column_1 {
    float: left;
    width: 30%;
}

#outerPageContainer #header #storeHeader #headerTop .column_2 {
    float: right;
    width: 70%;
}
Thanks for your support

Shopping Cart Guru
AbleCommerce.com
Follow us on Facebook

User avatar
AbleMods
Master Yoda
Master Yoda
Posts: 5170
Joined: Wed Sep 26, 2007 5:47 am
Location: Fort Myers, Florida USA

Re: Responsive category drop down w/slide out mobile categories

Post by AbleMods » Fri Jun 05, 2015 9:52 am

Works nicely.

I think the search box will be confusing to shoppers. The assumption is that it will search the catalog, but it only searches within menu choices.
Joe Payne
AbleCommerce Custom Programming and Modules http://www.AbleMods.com/
AbleCommerce Hosting http://www.AbleModsHosting.com/
Precise Fishing and Hunting Time Tables http://www.Solunar.com

User avatar
Shopping Cart Admin
AbleCommerce Admin
AbleCommerce Admin
Posts: 3055
Joined: Mon Dec 01, 2003 8:41 pm
Location: Vancouver, WA
Contact:

Re: Responsive category drop down w/slide out mobile categories

Post by Shopping Cart Admin » Fri Jun 05, 2015 11:30 am

I think the search box will be confusing to shoppers. The assumption is that it will search the catalog, but it only searches within menu choices.
Hi Joe,

Thanks for the feedback, I'm guessing that's an easy change. Likely easier than how it's working now. If everyone agrees, we'll make it work like a normal search otherwise, we'll make it an option.
Thanks for your support

Shopping Cart Guru
AbleCommerce.com
Follow us on Facebook

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Responsive category drop down w/slide out mobile categories

Post by mazhar » Tue Jun 16, 2015 3:24 am

AbleMods wrote:Works nicely.

I think the search box will be confusing to shoppers. The assumption is that it will search the catalog, but it only searches within menu choices.
When you start typing it starts filtering the menu items. If you don't find filtered menu item and hit enter it will take you to normal search page with query you entered in search box.

User avatar
AbleMods
Master Yoda
Master Yoda
Posts: 5170
Joined: Wed Sep 26, 2007 5:47 am
Location: Fort Myers, Florida USA

Re: Responsive category drop down w/slide out mobile categories

Post by AbleMods » Tue Jun 16, 2015 3:45 am

That's good to know. But nobody else is going to know that and there''s no room to tell them. The presumption will be the item doesn't exist in the store.
Joe Payne
AbleCommerce Custom Programming and Modules http://www.AbleMods.com/
AbleCommerce Hosting http://www.AbleModsHosting.com/
Precise Fishing and Hunting Time Tables http://www.Solunar.com

Post Reply