X-Cart forums

[cherie]

Lists are vertical so something is causing them to be in-line either with floats or display:inline/inline-block. If you post or send the URL I can look at the css

[carpeperdiem]

Originally Posted by cherie

Lists are vertical so something is causing them to be in-line either with floats or display:inline/inline-block. If you post or send the URL I can look at the css

Sure thing...
display: block;

This is a commercial module, and I am very pleased with the overall results, but this one little thing is driving me crazy. TXS did not have an answer. I think this is a very specific situation -- but it's not a custom job by any means -- I just changed the colors and, well, made the menus my own.

You've got mail!
Thx
J

[carpeperdiem]

USING IMAGES in horizontal menus with a CDN

If anyone is going to use xMenus with a CDN, and you are embedding images in a menu, AND you want the images served from your cdn, you need to edit file:

/skin/common_files/modules/TXS_XMenus/display_menu/menu.H.tpl
(or menu.I.tpl, or menu.V.tpl - but if you are embedding images into a menu, most likely you are on the H menu, right?)

Most likely, your image is being called in the special offer field, like this:
<img src="images/XM/image-name.png" width="170" height="111" />
BUT -- to work with the cdn, you need to do this:

FIND:

<div class="sub-footer">
{$xm_head->footer_text}

(the images in the menus are in the footer_text)

REPLACE WITH:

<div class="sub-footer">
{$xm_head->footer_text|replace:'img src="images':'img src="http://cdn.domain.com/images'}

This will not work if you use the menus https... to do that, simply trap for https using {if $smarty.server.HTTPS ne "on"} --

I hope this helps someone (possibly me in my next upgrade cycle).

[carpeperdiem]

*** I submitted this to TXS support, but since it's not a "bug", I don't expect to get a solution from them... if anyone can help with a workaround, it's appreciated... it would be useful to the community if a solution is posted here ***

On a page where there is an embedded youtube video, in IE8/windows, xMenus does not appear on TOP of the youtube video, even though z-index is set correctly. I tested in 8 browsers:

IE/windows: FAIL, all others, including iOS and 3 browsers on macOS, are OK

I discovered this:
http://www.scorchsoft.com/blog/youtube-z-index-embed-iframe-fix/
and
http://stackoverflow.com/questions/9074365/youtube-video-embedded-via-iframe-ignoring-z-index

I tried the manual solution:
inserting &wmode=transparent and wmode="Opaque" to the iframe tag

<iframe width="601" height="338" src="//www.youtube.com/embed/xxyyzz12345?rel=0&wmode=transparent" frameborder="0" allowfullscreen wmode="Opaque"></iframe>

and that works.

I have about a dozen youtube videos that are involved (but more being added every week) -- so the global solution (editing the js) is needed vs. having to change the iframe code on every video -- and as someone pointed out in one of the stackoverflow posts, if your youtube already has [?rel=0] then the code needs to be [&wmode=transparent]

SO - I tried placing the suggested js into xtreme-common.js, but it broke the template and menus.

Of course, this is NOT a bug in xTreme or xMenus, BUT it is a youtube iframe bug. And until TXS is able to force youtube to fix this, xTreme with xMenus fails with IE/windows -- so the workaround is needed.

Anyone know how to solve this in the js?

Thx
J

[carpeperdiem]

Originally Posted by carpeperdiem

THE ISSUE is that in Chrome in Windows (XP, 7, haven't tested WIn8 yet) the padding renders wider than every other browser, including chrome/mac, IE, FF (win or mac).

I tried to find a solution, but my eyes popped out.

The solution, provide by Max from TXS:

Chrome/Windows does not support the font-weight property correctly.

THEORETICALLY
font-weight: 700; = font-weight: bold;
but in Chrome/Windows
font-weight: 600; renders wider/bolder -- it's like font-weight 1000 or more...

although font-weight: bold; is supposed to be the equivalent of '700', in Chrome/Windows it's not.

Chrome bug.
Chrome/Windows has font/css rendering issues... many reports out there...

I can verify that Chrome in WInXP, WIn7 and Win8 all have this font-weight rendering issue. Chrome/mac does not.

using font-weight: bold; instead of font-weight:600; solved the problem.
bad Chrome!

Thanks to Max for solving this!

Just sharing.
thanks!
J

[Stizerg]

I use responsive design and on big screens horizontal menu looks great, but on small screens some menu elements are too close to each other. Looking at xm-main.js I see that 'Auto Justify' just divide the total width of menu to the number of it elements, making them all the same width.
Does anybody know the way to take into account an actual width of the text and adjust the width of elements accordingly.

[Stizerg]

Nevermind, I already made it responsive.

[cedaly1968]

I have X-Menus and have been using it for a while. I have been making some changes to my X-Menus and I have noticed there is another menu showing up "underneath" It appears that the Fly-Out Menus Module has to be active and it looks like the Home nav menu item is displaying. Anyone else have a problem like this? I would like to make it go away.

-----------

Resolved, I commented out the flyout menu code.

[designguru]

How light-weight is this menu compared to pure CSS/HTML as it loads another tpl? I think the drop-downs on the demo page are not the fastest.


Can I embed more than one menu on the same page (tpl)?

Thanks.

[carpeperdiem]

I would say it's lightweight.
It is VERY powerful and you can build some crazy complicated menus if you choose to.
Adding images to menus, and having multi-column menus are big merchandising tools.
I could not have built my store to my liking without xmenus (or something comparable).
I sent you a PM with a link to see my store.