X-Cart forums - Horizontal and Vertical Flyout Category Menu

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - Horizontal and Vertical Flyout Category Menu (https://forum.x-cart.com/showthread.php?t=16820)

hehe, yeah! ... I'm still not that impressed by FC.
Mine's only 7k, easy to customise and SE friendly.

Quote:

Originally Posted by PhilJ

I have updated this for 4.0.x and 4.1.x and ironed out all bugs.

So does it now do sub-sub-categories or did you just fix the broken link part?

Quote:

So does it now do sub-sub-categories or did you just fix the broken link part?

No, but I'm working on one that does. The broken link is fixed in this one.

I keep getting an error message after install.

Quote:

Warning: Smarty error: unable to read resource: "flyouts/vert.tpl" in /hsphere/local/home/thoallen/topgunsupply.com/xcart/Smarty-2.6.9/Smarty.class.php on line 1088

Here is the code:

Code:

{* $Id: home.tpl,v 1.67.2.10 2005/10/31 11:36:14 max Exp $ *}

{if $printable ne ''}

{include file="customer/home_printable.tpl"}

{else}

{config_load file="$skin_config"}

<HTML>

<HEAD>

<TITLE>

{if $config.SEO.page_title_format eq "A"}

{section name=position loop=$location}

{$location[position].0|escape}

{if not %position.last%} :: {/if}

{/section}

{else}

{section name=position loop=$location step=-1}

{$location[position].0|escape}

{if not %position.last%} :: {/if}

{/section}

{/if}

</TITLE>

{ include file="meta.tpl" }

<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">

<LINK rel="stylesheet" href="{$SkinDir}/flyouts/vert.css">

<SCRIPT language=JavaScript1.3 src="{$SkinDir}/flyouts/menu.js"></SCRIPT>

</HEAD>

<BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0"{if $body_onload ne ''} onload="{$body_onload}"{/if}>

{ include file="rectangle_top.tpl" }

{ include file="head.tpl" }

{if $active_modules.SnS_connector}

{include file="modules/SnS_connector/header.tpl"}

{/if}



<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="center">

<TR>

<TD width="6"></TD>

<TD width="150" valign="top">

{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}{include file="flyouts/vert.tpl"}






{/if}

{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"}

{ include file="modules/Bestsellers/menu_bestsellers.tpl" }

{/if}

{if $active_modules.Manufacturers ne "" and $config.Modules.manufacturers_menu eq "Y"}

{ include file="modules/Manufacturers/menu_manufacturers.tpl" }

{/if}

{include file="customer/special.tpl"}

{ include file="help.tpl" }

[img]{$ImagesDir}/spacer.gif[/img]

</TD>

<TD width="20"></TD>

<TD valign="top">



{include file="location.tpl"}



{include file="dialog_message.tpl"}



{if $active_modules.Special_Offers ne ""}

{include file="modules/Special_Offers/customer/new_offers_message.tpl"}

{/if}



{include file="customer/home_main.tpl"}





</TD>

<TD width="20"></TD>

<TD width="150" valign="top">

{if $active_modules.SnS_connector && $sns_collector_path_url ne ''}

{include file="modules/SnS_connector/button.tpl"}






{/if}

{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}

{ include file="modules/Feature_Comparison/product_list.tpl" }






{/if}

{if $active_modules.Users_online ne "" and $users_online}

{ include file="modules/Users_online/menu_users_online.tpl" }






{/if}

{ include file="customer/menu_cart.tpl" }






{if $login eq "" }

{ include file="auth.tpl" }






{else}

{ include file="authbox.tpl" }






{/if}

{ include file="news.tpl" }

{if $active_modules.Interneka ne ""}






{ include file="modules/Interneka/menu_interneka.tpl" }

{/if}






{ include file="poweredby.tpl" }






[img]{$ImagesDir}/spacer.gif[/img]

</TD>

<TD width="6"></TD>

</TR>

</TABLE>

{ include file="rectangle_bottom.tpl" }

</BODY>

</HTML>

{/if}

Any ideas?

Quote:

Warning: Smarty error: unable to read resource: "flyouts/vert.tpl" in /hsphere/local/home/thoallen/topgunsupply.com/xcart/Smarty-2.6.9/Smarty.class.php on line 1088

unable to read resource: "flyouts/vert.tpl"

Check the tpl file and the ' include file= ' file url

I can't figure this thing out. I guess I am going to have to get somebody to fix it for me.

Quote:

Originally Posted by photo

Just tested this Mod out and it works a charm in 4.1.8, but when I tested it in 4.1.0 RC4 it did not work properly. Has anyone had any success getting this to work in 4.1.0 RC4 ?

Thanks

The Smarty code used to generate the menu categories will NOT work in V4.1.0, because x-cart have changed the way the php code builds the $allcategories, $categories and $subcategories arrays..

X-cart say this was done to reduce memory usuage and load time.

I discovered this problem with the other Free Menu from the authors website (the multi-colour menu) which works OK in V4.0.18 and has 2 sub levels. I only use 2 colours and have written Smarty and JavaScript code to auto generate the menu categories for V4.0.18.

I'm about to add a 3rd sub level and modify my auto menu generation code to work with the new php categories arrays in V4.1.0.

Anyone using code to access the any of the categories arrays, should note that the php code has changed the way the categories are built in Version 4.1.0.

Also Don't forget that the DOCTYPE in V4.1.0 is now Xhtml Transitional compliant The full DOCTYPE declaration can be seen in file 'customer/home.tpl

you can get the mod here www.xcartmods.co.uk

PhilJ fixed me up. Thanks Phil!

I guess it's not free anymore?

Thanks,
Joe

I integrated the vertcal flyout menu (works great), but is there a way to pick the order of the flyout/sub-categories. As of now the order is generated alphabetically. I set the order positions, but it is only sorted to those specs when the main category is clicked, not on the flyout.

Any Ideas?

X-Cart version 4.0.17
PHP 4.3.10
MySQL server 4.1.15
MySQL client 5.0.16
Apache/1.3.33 (Unix) DAV/1.0.3 mod_fastcgi/2.4.2 mod_gzip/1.3.26.1a PHP/4.3.10 mod_ssl/2.8.22 OpenSSL/0.9.7e
Linux

Quote:

is there a way to pick the order of the flyout/sub-categories

Hi, this is fixed in the latest version, cats/subcats are sorted by their 'sort position.

Hi PhilJ,

you say you're working on a sub, sub category fix. How far away is it and how many sub category levels are trying to implement? Is it possible to have it do unlimited sub categories????

Well looks like its not free now where is the download page?

Try this link for Flyout/dropmenus

http://www.ricom.co.uk/resources.php

this works with 4.1

replace your vert.tpl file with this:

Code:

{* Vert Flyout Menu START *}

{if $config.General.root_categories eq "Y"}

<table class="vflyoutwidth" border="0" cellspacing="0" cellpadding="0">

<tr>

{foreach from=$categories item=c} 

<td style="cursor: pointer;" class="vrootcatbg">

{$c.category|truncate:20:"...":true}

</td>

</tr>

<tr>

<td>

<div id="linkmenu{$c.categoryid}" class="vanylinkcss">

{foreach from=$allcategories item=cat}

{if $cat.parentid eq $c.categoryid} 

                {$cat.category|truncate:20:"...":true}

{/if}

{/foreach}

</div>

</td>

</tr>

{/foreach}

</table>

{/if}

{* Vert Flyout Menu END *}

let me know if this was helpful

Cant believe someone responded so quickly.....
The fix is:

"wmode=transparent"

It needs to be put in two places, in the flash call.
1) throw a
<PARAM NAME="wmode" VALUE="transparent">
before the <EMBED

2)
in the embed (i put it after the "quality" ) add:
wmode=transparent

OR in publish setting,
go to the HTML tab and in window mode select tranparent

Screw IFRAMES

thats it. fixed my problem, put the flash to the "back layer"

words getting cut off in submenu

Hi,

Some of my submenu headings are getting cut off because they are too long and are truncated with "..." at the end. Does anyone know how I can fix this.

take a look http://www.new-media.com.au

Thanks

in skin1/flyouts/vert.tpl

If you don't want to shorten the categories, remove...

Code:

|truncate:20:"...":true

...or change the value to whatever length you want.

3 level flyout menu

There's now a three level category menu mod available.

http://www.xcartmods.co.uk/images/3level.jpg

Cheers
Phil

Where can we try before we buy?

I've added a true 3 level flyout menu - pure CSS (no javascript)

http://www.xcartmods.co.uk/images/3levelnew.jpg

Cheers,
Phil

This is excellent PhilJ :D Easy to install? And how much is it?

Yes, simple to install, you can get it here...
www.xcartmods.co.uk

Quote:

Originally Posted by syddos

Try this link for Flyout/dropmenus

http://www.ricom.co.uk/resources.php

I d/led this

which xcart file do I edit?

Re: Horizontal and Vertical Flyout Category Menu

This won't work for me in IE. We thought I might have changed something, so I reverted to original code and it still would not work in IE 6. I use a 7 Dana template so maybe there is something there, but I guess Phil gave up trying to help me get it working. Anyone else have problems with this and discover a fix?

Re: Horizontal and Vertical Flyout Category Menu

I won't give up on you! I'll do what I can to help, drop me an email.

Re: Horizontal and Vertical Flyout Category Menu

Thanks Phil. Sent you one yesterday before posting here.

Re: Horizontal and Vertical Flyout Category Menu

FYI. Phil DID IT!!!!!!!!!!!!!!!!!!!!
25/10/06 - 4 Level Horizontal Flyout Menu mod added, finally!
Check his website out at:

http://xcartmods.co.uk/

Re: Horizontal and Vertical Flyout Category Menu

Yes he did. He changed my 3-level menu for the 4-level menu and it fixed all our viewing problems.

Quote:

Originally Posted by seth@lowel.com

Did someone fixed this? I have the same problem but with horizontal flyout menu. Subcatecories are sorted by name (alphabetical) and not by position.
Any advice?
Thank You

Quote:

Originally Posted by Giosil

Subcatecories are sorted by name (alphabetical) and not by position.

In 4.1.3, you can specify POS of subcats, and Phil's mod respects the POS of the subcat.

If 4.0.x does not parse the POS of subcats, this may be a php mod. I don't know how to do this. I'm just saying that 4.1 does this natively.

Quote:

Originally Posted by carpeperdiem

Thank You for Your answer. 4.0.x doesn't parse subcats's POS and I can't do this php mod. Hope someone out of here can help me.

Re: Horizontal and Vertical Flyout Category Menu

Thanks for this nice mod, its working for me but i have some drop dowm menu and when i click on flyout cat it breaks on top of drop down menu.

Please have look www.eaglemobiles.co.uk

Re: Horizontal and Vertical Flyout Category Menu

Is there a bug in this mod when using IE7? My flyout menu boxes don't fly out now that I've upgraded. And, each box is now separated by about the height of a box.

Re: Horizontal and Vertical Flyout Category Menu

I have been trying to get this to work for hours. Was hoping someone can help me get this working for me. I just have 2 categories with a few subs underneath each one.
In home.tpl right before the </head> tag I have:
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
<LINK rel="stylesheet" href="{$SkinDir}/flyouts/horiz.css">
<SCRIPT language=JavaScript1.3 src="{$SkinDir}/flyouts/menu.js"></SCRIPT>

Also in the body of home.tpl I have:
{include file="flyouts/horiz.tpl"}

When I check out my site all I see are the two menusep.jpg images nothing else. If anyone can lend me a hand I will greatly appreciate it. Thanks

Re: Horizontal and Vertical Flyout Category Menu

First thing, your syntax for the css links could be better. Try this:

Code:

 <link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />

 <link rel="stylesheet" href="{$SkinDir}/flyouts/horiz.css" />

What flyout mod are you using?

Where are you placing {include file="flyouts/horiz.tpl"} in home.tpl? You might try (brute force) and putting the include into its own table, such as:

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>{include file="flyouts/horiz.tpl"}</td>

</tr>

</table>

PS -- I do this for my site.

Are you using Phil's code or something else?Did you follow the instructiuons to the letter and modify the php file(s) as required? Did you upload the css?

PPS -- you may want to center your entire site if you're going to constrain it to 773px wide. Personally, I see no need to support 800px -- FYI, my january stats tell me that less than 1% (.86% to be exact) of my visitors have screens smaller than 1024 wide. Something to consider. The difference bewteen 773 pixels and 1000 pixels is almost 30% more... that's a LOT of screen real estate to give up... FWIW.

I hope something in here helps you.

Jeremy

Re: Horizontal and Vertical Flyout Category Menu

Quote:

Originally Posted by Online Michael

Where can we try before we buy?

I was wondering that myself. I have yet to see a working example of this mod. Even on the seller's home page it says there is a demo, but it appears there is not. It doesn't exactly instill confidence that when you purchase the mod, it actually works.