Apple Zen Support Thread

Computer going a little crazy and submitted my post when I pressed enter for a line brake...

ADMIN PLEASE DELETE

Computer going a little crazy and submitted my post when I pressed enter for a line brake...

ADMIN PLEASE DELETE

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>

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>

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

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

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

and remove:
#navEZPagesTopWrapper

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

jettrue:

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

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

You've got to pay more attention to detail. :P

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.

nikki72:

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](http://2antioch.org/store/index.php?main_page=best_sellers)

Open that file, put this:

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

before that and this

</div>

after that.

jettrue:

You've got to pay more attention to detail. :P

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
https://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

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

arggGHHH!

image wont attach, 3rd time lucky hey!

colnixon:

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
https://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
Change the 73em in your stylesheet_header_menu.css to 75em.

Put the word "home" back in includes/languages/english/YOUR_TEMPLATE/header.php like this:

define('HEADER_TITLE_CATALOG', 'Home');

That is why you have a blank menu space. That first menu item is the home link.

Remove the borders off of your logo. Crop your logo so it is JUST the logo, not any edges. You STILL have edges on the actual logo.

Fix this part of your stylesheet:

blue
#navMainWrapper {background:#6C99D9; }
#logoWrapperOuter {background:#fff;}
#navEZPagesTopWrapper {background:#6C99D9; }
#navCatTabsWrapper
#navBreadCrumb {background:#6C99D9; }
h3.leftBoxHeading, h3.rightBoxHeading {background:url('../images/sideboxleft-blue.gif') no-repeat top left; }
eof blue

everything in red should be gone.

If you don't want the grey striped image that I had under the menu, remove <div id="centerColumnOuter"></div>
from includes/templaes/YOUR_TEMPLATE/common/tpl_main_page.php

I'm still sure there's more to fix, lol, but that will be closer.

Hola!

I am assuming I can post this here. Awesome template!

I have installed it here: http://tenseinobi.com/shop/

I want to change the gray right side bar & add an image. Where do I find that in the style.css?

Thanks!

Bek Davis
https://www.bekdavis.com

Hey jade,

I think this is what you told me to do:

<div class="centerColumn" id="bestsellersDefault">
require($template->get_template_dir('tpl_modules_product_listing.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_product_listing.php');
</div>

When I tried this I only got the header of my site with no drop down menu. DId I do that right??

nikki72:

Hey jade,

I think this is what you told me to do:

Let me look into it soon. I'll be busy tomorrow and Friday, but will look into it soon.

jettrue:

Yes, you can hide boxes with css. View the source of the page, and get the id of the box you want to hide.

Then in the css, you'd put this:

#indexHomeBody #idofBoxHere {display:none;}

Then on your account page, view the page source again, and get the id or class of the section you want to change there. If it says id="nameofsectionhere", you'd style it in the css with #nameofsectionhere {}. If it says style="nameofsectionhere", you'd style it with .nameofsectionhere {}

I just got around to try and make this work. I am not sure what the id would be. If I could figure it out on one I could prob. get it for the rest. Just not sure exactly where the page id would be.

jettrue:

Let me look into it soon. I'll be busy tomorrow and Friday, but will look into it soon.

Thanks Jade, I understand completely. I am going to take the best sellers link off the drop down menu for now. But if you need to see it, you can still follow the above link and the page will be active. I plan on going live within the next 2 days so when we figure out my last few issues I'll just take the site down for maintenance for a few minutes to get the issues fixed :) I just turned off the boxes I do not want on the front page for now.

Thanks so much! I was using the # as a comment (duh) - sorry for the dumb question - love the template!