| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
4 Level SEO friendly Flyout Menus | ||||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||||
|
|||||||||
4 Level SEO friendly Flyout Menus
After searching high and low for a mod that would work across browsers, expand to multiple lines, and go 4 levels deep, and keep the root categores sorted right, I decided to create my own. This is based on http://solardreamstudios.com/learn/css/cssmenus.
This works on 4.0x. It may work on 4.1x with some tweaking. This uses an unordered list formatted with CSS, so you'll have a link on your front page to all your subcategories, which should boost their pagerank up to whatever pagerank your root level categories are. Just don't expent it to work overnight. This was tested in IE6(XP), IE7(XP), Firefox (XP&Linux), Konqueror(Linux), Opera (Linux) and Safari (OSX). First, create the directory 'menu' in your skin1 directory. Inside that directory create menu.tpl and put in the following: Code:
Then create menu.css in the same directory with the following content: Code:
IE, being what it is, needs a little javascript help. So create menu.js in the same directory. Code:
Now edit /skin1/customer/home.tpl to add the new menu.tpl, a link to the CSS and js file. Add the following right before </head>: Code:
And replace Code:
with: Code:
Also, you need to add this to the top of your /skin1/customer/home.tpl: Code:
There, that wasn't so hard, was it? I don't have a link to an example as I'm still awaiting approval, but you can get a basic idea from the link referenced at the beginning of this post.
__________________
Alltribes.com Native American Jewelry Pottery, Baskets, Kachinas & More X-cart Gold Version 4.0.17 Live PHP 5.2.6 MySQL 4.1.25 (mt) |
|||||||||
|
#2
|
|||||||
|
|||||||
Re: 4 Level SEO friendly Flyout Menus
Looks good there AllTribes, shame we can't use it though, every fly out menu modification we've tried just cannot handle the fact we have 16,601 categories that go down 5 levels deep unfortunately, but kuduos to you on the mod.
|
|||||||
#3
|
|||||||||
|
|||||||||
Re: 4 Level SEO friendly Flyout Menus
Adding a 5th level shouldn't be too hard, however the subcategories are not sorted correctly. That may take a bit more tweaking.
__________________
Alltribes.com Native American Jewelry Pottery, Baskets, Kachinas & More X-cart Gold Version 4.0.17 Live PHP 5.2.6 MySQL 4.1.25 (mt) |
|||||||||
#4
|
|||||||
|
|||||||
Re: 4 Level SEO friendly Flyout Menus
Well the organization isn't the problem is the sheer amount of categories we're talking some categories having easily 2 or 3 thousand sub-categories alone that just boggs the site down. Besides we have another form of navigation anyway that's far more efficent for our needs since we have close to 89 thousand products in our database.
|
|||||||
#5
|
|||||||||
|
|||||||||
Re: 4 Level SEO friendly Flyout Menus
Yes, in 4.1.7 in doesn't work in a proper way.
__________________
X-card Gold 4.1.7 Batch Order Mod/Order Processing Detailed Order Management Mod Order Audit/Profit reports Advanced Product Search Ajax Username Checker Direct Product Enquiry Form FAQ Manager Social Bookmarking Tabs Mod v3 MagneticOne.com All-IN-ONE X-Cart Export Show Referrer Information on Order Details Page www.medsmarket.net |
|||||||||
#6
|
|||||||
|
|||||||
Re: 4 Level SEO friendly Flyout Menus
4.1.X requires major code changes in order for the categories to display. The following is based off of what others have posted (I just extended it to 4 levels deep). The associated CSS can be generated/found here and be sure to add this. I've named mine "flyout" but I believe the link named it something else so be sure to change it to match. This is still somewhat of a work-in-progress, for me IE has display issues (ie note how the root level looks compared to the other levels) but maybe it won't be a major problem if you know your way around CSS which I don't. If you want to work around with it, I'd love to see it fixed up!
The code is just what I did and it "should" work. I'm still looking to make it more efficient or remove any unnecessary code. For numerous categories, you can generate a static one and place it in, but you'll probably have to update it continuously (depending on how you configured your product options) - this is dynamic. Very similar to what's offered here but is done with what was provided on the forum, a little tweaking of my own, and the CSS site I linked above - I think in my version it fixes up some minor HTML issues that exists in the XCartMods one (such as empty LI / UL / etc). Works with CDSEO to the best of my knowledge. Completely CSS driven (I think :P) Root - Level 1 - Level 2 - Level 3 Code:
__________________
4.1.8 |
|||||||
#7
|
|||||||||
|
|||||||||
Re: 4 Level SEO friendly Flyout Menus
Quote:
Ok, you've made me curious, what other form of navigation are you using?
__________________
Two Separate X-Cart Stores Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series. Integrated with Stone Edge Order Manager + POS Version 4.1.12 Gold (fresh install) - X-AOM - Linux Mods - XCSEO free |
|||||||||
#8
|
|||||||||
|
|||||||||
Re: 4 Level SEO friendly Flyout Menus
I'd be curious to see that too. That's a lot of products.
Jason |
|||||||||
#9
|
|||||||||
|
|||||||||
Re: 4 Level SEO friendly Flyout Menus
Thanks nevets1219, I got further with that under 4.1.8 than with the Alltribes solution. You're referencing a class called "flyoutlast" that doesn't appear in the CSS you reference (which has one class, called menu). Is there a way you can post the CSS you used? It looks like the web reference you provide might contain a different or updated CSS.
Thanks. |
|||||||||
#10
|
|||||||
|
|||||||
Re: 4 Level SEO friendly Flyout Menus
Quote:
I've managed to fix that issue now
__________________
xcartmods.co.uk |
|||||||
|
|||
X-Cart forums © 2001-2020
|