| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
4 levels css flyout menu | ||||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
4 levels css flyout menu
Hello
Below you will find a small flyout menu with 4 levels using css. I know there are already some ideas on this forum or you can buy from xcartmods but this is an exercise for me and if you like, for you also. The original (static) menu can be found here: http://www.cssplay.co.uk/menus/flyout2.html. Also, this menu include info from this post, thanks to the author: http://forum.x-cart.com/viewtopic.php?t=14905 Modifications (30.08.2006): 1. Moved all files for menu into a folder called meniu 2. Added css browser detection into css file 3. Remove stylesheet from meniu.tpl and add this to home.tpl Step 0: create one folder called meniu Step1: create meniu.css in skin1/meniu dir and add this code Code:
Step 2: create file meniu.tpl and ad this into your skin1/meniu directory: Code:
Step 3: create file css_browser_selector.js into your skin1/meniu and add this code from below: Code:
Step 4: add this into your skin1/customer/home.tpl file 1. On line 1 add this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. before </head> add Code:
3. Replace { include file="customer/categories.tpl" } with {include file="meniu/meniu.tpl"} or made this modification to your code: Code:
I hope most of problems are solved, but you still have to test it first local. This menu is tested on fresh installation of x-cart 4.0.18; using other templates (as i do) might require modifications to meniu.css. Problems (please let me know if it's true): 1. in Opera 9 i cannot click on categories submenus. 2. blank spaces between categories if subcategories are available.
__________________
Mircea Teleleu Shopedia.ro-la cumparaturi www.shopedia.ro ______________________ x-cart gold 4.1.6 Linux Last edited by MallRomania : 09-05-2006 at 11:14 PM. Reason: Please test it on your localhost, see if it's look ok |
|||||||
#2
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
Ok, can anybody use this menu on different template than original one? I have serious problem using into my live site, i have to remove it. My problem it's because of IE6, it's hidding subcategories or better say, show only first subcategory of each category. In FF and Opera all subcategories are visible.
I belive the main problem it's because i use a table inside a div. If i remove first table it's look great in Opera and Firefox, but all menu dissapear in IE. Any suggestion?
__________________
Mircea Teleleu Shopedia.ro-la cumparaturi www.shopedia.ro ______________________ x-cart gold 4.1.6 Linux |
|||||||
#3
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
Pretty cool, but it doesn't work in IE 6 or IE 7. Looks good in Firefox 1.5.0.7
__________________
Scott DeToffol Online Marketing and E-Commerce Consulting in Minneapolis X-Cart Gold Version 4.1.9 for www.sundogtrading.com X-Cart Pro Version 4.2.3 for www.heavyglare.com |
|||||||
#4
|
|||||||||
|
|||||||||
Re: 4 levels css flyout menu
I bought this menu from a guy in the uk & it won't work in IE. That was a wasted $30. I sure would appreciate it if someone finds a cure for this.
__________________
Mary Lee ------------------- Dinner and a Murder Mystery Games http://www.dinnerandamurder.com x-cart version 4.7.5 / Mac OS 10.10.5 and Windows 8/10 sometimes - Ideal Responsive Template |
|||||||||
#5
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
If you are referring to PhilJ's menu, it does work fine in IE.
__________________
Padraic Ryan Ryan Design Studio Professional E-Commerce Development |
|||||||
#6
|
|||||||||
|
|||||||||
Re: 4 levels css flyout menu
That is the one, but it doesn't work for me. I have a 7_Dana template so that is most likely the reason, but I have no clue what it would take to fix it.
__________________
Mary Lee ------------------- Dinner and a Murder Mystery Games http://www.dinnerandamurder.com x-cart version 4.7.5 / Mac OS 10.10.5 and Windows 8/10 sometimes - Ideal Responsive Template |
|||||||||
#7
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
Mary, I'll try and sort it for you, please get in touch.
__________________
xcartmods.co.uk |
|||||||
#8
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
Has anyone gotton this code to work on windows I would sure love to use it but it will not work for me
__________________
Christmas x-cart 4.1.6 |
|||||||
#9
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
I have this menu running on a store I take care of,
http://store.oceanriver.com/store/ Everythings been fine, except I just realized the display is now way off in ie6. It's expanding the left menu width and pushing the main frame to below everything. It works fine in every other browser, and I'm pretty its a css quirk of ie6, but I can't figure what. Any suggestions? Thanks, Graham |
|||||||
#10
|
|||||||
|
|||||||
Re: 4 levels css flyout menu
New categories will not appear as I create them. Yes, they're enabled. It does not matter what level they are at, but as it happens, one is a top-level ("Level One") and the other is a second-level ("Level Two"). If I create another category somewhere, at any level ("Test 1"), Level One will appear. When I create yet another category ("Test 2"), Level Two appears. This is where the trend ends, however, as the addition of more categories does not get Test 1 and Test 2 to appear, whether or not they have products.
All of these categories do appear in the main body of the page in the subcategories list (customer/main/subcategories.tpl). Code:
Greg
__________________
X-Cart Gold version 4.1.9 PS: This is what part of the alphabet would look like if Q and R were eliminated. |
|||||||
|
|||
X-Cart forums © 2001-2020
|