Apple Zen Support Thread

[colnixon]

Hiya Jade,

It may be down the version of firefox use i dunno...

If my drop dowm menus hide behind the activeX on my firefox chances are it will on some other peoples firefox as well.

Anyway I have found a solution

In the HTML code for your activeX object you will have a section that opens an embed tag as seen below.

<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="Movie4"
width="518" height="249"
src="Movie4.swf"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"

div#nav-cat ul.level1 {
/*position: absolute; */
z-index:1;
}
>
<noembed>
</noembed>
</embed>


The solution is to add the following: WMode="transparent"
after the <embed
so it now reads:

<embed
WMode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="Movie4"
width="518" height="249"
src="Movie4.swf"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"

div#nav-cat ul.level1 {
/*position: absolute; */
z-index:1;
}
>
<noembed>
</noembed>
</embed>

[colnixon]

Hi all,

Been narking me all day this one, I need to remove the blue and grey lines that are highlighted in my picture...

I have managed to remove the grey line through the stylesheet.css

I removed the following line:
background:#929292; /* remove background:#929292; for narrow header*/

I have noticed the blue line refers to #navCatTabsWrapper
to remove the blue line i have tried removing this line with no effect:
#navCatTabsWrapper {background:#6084C4; }

Any ideas anyone????

Thanks in Advance for any advice

Colin

[colnixon]

solution for the above post is to open your stylesheet.css

then find the line saying:
#navMainWrapper, #navCatTabsWrapper, #navEZPagesTopWrapper {

and remove:
#navEZPagesTopWrapper

[colnixon]

as can be seen on my screen shot i have uncommented the section to allow a narrow header. I am now left with my drop down menus been off centre.

I have noticed a post in forum the same as this and it has had no responce

Any ideas how to get these borders aligned properly?

Many Thanks

Colin

[nikki72]

If you can post a link to the page, I can tell you if that is the issue or not. Or, view the source of the page with the issue, and see if you see class="centerColumn" anywhere in the source.

Also, if you open up almost any default zen cart file in includes/templates/template_default/templates/, you'll see that there is a

<div class="centerColumn" id="typeofpagehereDefault">

at the beginning of the file, which is closed with a </div> at the end of the file.

You can open up the file pertaining the the FAQ and Best Sellers that reside in includes/templates/YOUR_TEMPLATE/templates/ and add it in if it is missing.

You can check

Hey Jettrue, Your Prob. CHild is abck lol.

I wasn't able to fix the issue in best sellers and no one in that forum has answered me in weeks.

The template file for the best sellers pages says this:

require($template->get_template_dir('tpl_modules_product_listing.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_product_listing.php');

SO I can figure out how I could wrap this.... I bet this is so simple but I don't get it. It uses the product list template which displays fine on it's own...doesn't mess up the side columns.

here is a link to the problem page

[jettrue]

as can be seen on my screen shot i have uncommented the section to allow a narrow header. I am now left with my drop down menus been off centre.

I have noticed a post in forum the same as this and it has had no responce

Any ideas how to get these borders aligned properly?

Many Thanks

Colin

You've got to pay more attention to detail.

You need to do these portions you missed:

#headerWrappera {
width:100%; /* change to width:76em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navCatTabsWrapper {
width:100%; /* change to width:75em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMain {
width:75em;  /* remove width:75em; for narrow header */
margin:0 auto;
}

You need to change this to 76em:

#dropMenuWrapperb {
width:74em;
margin:0 auto;
position:relative;
}

You need to delete stylesheet_header_menuBACKUP.css from the server.

You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

You logo still has faux drop shadow edges in the actual image.

All the above will get you closer, but I think you still will need more fixes.

[jettrue]

Hey Jettrue, Your Prob. CHild is abck lol.

I wasn't able to fix the issue in best sellers and no one in that forum has answered me in weeks.

The template file for the best sellers pages says this:

require($template->get_template_dir('tpl_modules_product_listing.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_product_listing.php');

SO I can figure out how I could wrap this.... I bet this is so simple but I don't get it. It uses the product list template which displays fine on it's own...doesn't mess up the side columns.

here is a link to the problem page

Open that file, put this:

<div class="centerColumn" id="bestsellersDefault">

before that and this

</div>

after that.

[colnixon]

You've got to pay more attention to detail.

You need to do these portions you missed:

#headerWrappera {
width:100%; /* change to width:76em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navCatTabsWrapper {
width:100%; /* change to width:75em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMain {
width:75em;  /* remove width:75em; for narrow header */
margin:0 auto;
}

You need to change this to 76em:

#dropMenuWrapperb {
width:74em;
margin:0 auto;
position:relative;
}

You need to delete stylesheet_header_menuBACKUP.css from the server.

You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

You logo still has faux drop shadow edges in the actual image.

All the above will get you closer, but I think you still will need more fixes.

hiya jade,

hope all is well...

again thanks a bunch for ur help, ur like a godess at this stuff, i feel like a charity receiving so much guideance.

I implemented everything u said and the drop down menus ended up been to wide resulting in the final button moving down on to a new line.

to resolve i undone the following back to 70em again:
You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

im sure u know my url off by heart by now but here it is again
www.kitchenandbedroominteriors.com/store

the side borders on the drop down menus seem to be wider than the side borders on the main part of the site. I have checked stylesheet_header_menu.css for any place to edit border size but could not see anywhere.

I know your probably laughing ur socks off at me for not been able to find it, again it will probably result in 1 of those things that takes me all day to fix n u would know what to change without even having to think about it lol

cheers

Colin

[colnixon]

here is a print screen for the above problem. I have highlighted in red where the borders are ever so slightly out of sync

[colnixon]

arggGHHH!