Apple Zen Support Thread

Ok I fixed the problem. After playing with about every line in my apple_zen/css/stylesheet.css I deleted one word and it all works great now.

The word highlighted in red is what I deleted:

/The main content classes/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:center;
position:relative;
top:2.18em;
}

This is what it looks like now:

/The main content classes/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:;
position:relative;
top:2.18em;
}

Hope that works for you to!

Doug

I am actually having a different problem problem then admcompa. I have been developing in firefox and just checked ie and my drop down menu is shifted to the right in ie.

http://dev.creativeap.com/zencart/

any ideas?

thanks,
jenny

admcompa:

I love this template. Thanks you! I have a problem though. I use Firefox mostly and have not really paid to much attention to the view in IE. I should have. The drop down categories are shifted all the way to the right and the side coxes have a green spot caused from something. Any ideas how I can fix this? My website is www.admcompany.org.

Thanks

Doug

Well, I see an issue in Firefox as well, there's a missing </div> in the BLANK sidebox add on. Fix that, and that may fix your IE issues.

friends1976:

Hey....I can't thank you enough for this template. It is really great!!

I have one question...If I want the home buttons to be directed to another link rather than that within Zen, where do I put that?

Thanks so much,
Ashley

Which home buttons are you referring to? Do you want every single link on the site that says "HOME" to go to a different site? OR just one or two links?

admcompa:

Ok I fixed the problem. After playing with about every line in my apple_zen/css/stylesheet.css I deleted one word and it all works great now.

The word highlighted in red is what I deleted:

/The main content classes/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:center;
position:relative;
top:2.18em;
}

This is what it looks like now:

/The main content classes/
#contentMainWrapperOuter {
float:left;
width:100%;
}

#contentMainWrapper {
width:71em;
margin:0 auto;
text-align:;
position:relative;
top:2.18em;
}

Hope that works for you to!

Doug

You still have a missing </div> in the blank sidebox addon that is causing other issues.

chadderuski:

Jade,

I came across this and have been playing with it.... take a look and tell me if you think this would be cool to have in a template. Not my own code, BTW.

http://chicagophoto.net/cssdockmenu/

But pretty darn cool, eh? This sample has code at both top and bottom of the page, but you'd probably only use one in a real design.

I don't think it works in IE 5.5 though.

-chaddro

... now where DID I find that ... oh:

http://www.ndesign-studio.com/blog/design/css-dock-menu/
That is DANG DARN awesome! If I had time, I might have to make an APPLE COMPUTER inspired template, but with a full time job and three kids and a husband.... NOT GONNA HAPPEN! LOL! Looks like fun!

Mike123acc:

Great template.

Wasn't going to use Zen Cart until I found this. I can't stand the regular 'shop in your face' look of OsCommerce and Zen Cart.

This template really gives Zen Cart a new face.

Thanks.

THANK YOU! And you're welcome!

jinx:

I am having the exact same problem as admcompa. I have been developing in firefox and just checked ie and all of my categories boxes are shifted in ie.

http://dev.creativeap.com/zencart/

any ideas?

thanks,
jenny

What version of IE, and does the same thing happen at my test site: http://www.zencart137.jadetrue.com?

Jade,

IE 7, 6 looks fine now after i commented out:

/* #dropMenuWrapperb {
width:71em;
margin:0 auto;
position:relative;
}

#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

from stylesheet.css

it is now centered in ie, but check out the weird shadow effect in ie 7:

dev.creativeap.com/zencart

the shadow is above the logo wrapper. i am guessing it has to do with something in my stylesheet since has been so heavily edited.

any suggestions?

thanks,
jenny

jinx:

Jade,

it is now centered in ie, but check out the weird shadow effect in ie 7:

dev.creativeap.com/zencart

the shadow is above the logo wrapper. i am guessing it has to do with something in my stylesheet since has been so heavily edited.

any suggestions?

thanks,
jenny

Are you using the latest version of the template? By default it doesn't have the issue you're describing, so I would start fresh.

for anyone who is interested. i ended up commenting out the following lines:

/*
#headerWrapperb {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
}

#headerWrapperc {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
}

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

#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}
*/

after i commented them out my template loads perfectly in ie 6 and 7 and firefox (haven't tried safari yet). anyway, these lines only need to be commented out if you drop the logo down and choose to use the narrow header as seen here:

http://dev.creativeap.com/zencart

jinx:

for anyone who is interested. i ended up commenting out the following lines:

after i commented them out my template loads perfectly in ie 6 and 7 and firefox (haven't tried safari yet). anyway, these lines only need to be commented out if you drop the logo down and choose to use the narrow header as seen here:

http://dev.creativeap.com/zencart
No need to do all that. Just add:

left:0;

to

#dropMenuWrapperc {
background:url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

and

#dropMenuWrapperd {
background:url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
margin:0 auto;
position:absolute;
height:2.18em;
}

Well I finally got my site up and live!

see http://www.organicplanetonline.com
How fun!

I still need a little help with a little bit of tweeking tho...

First of all,...
is it possible to have my two main catagories, display on the first row on my main page, but have secondary catagories display centered on the next line? I have another 4 catagories to add, but they are not my main products. This would be only for the main page, but not for display within the catagories?

My other tweek is within in the catagories, like "Black Loose Leaf Teas" for example...I have the "add selected product to cart" button displaying below the grayish border line separating the products from the lower control bar.

Ok, thanks in advance! I love this template. Thanks again so much Jade

Jane M Bell
Organic Planet Coffee & Tea

jettrue:

You probably have some issue from that login mod, make sure there's no missing </div> or extra </div>. Same with your product pages. I don't have the time to find the offending section, but you've added a lot to your site, I'd look at the add ons for the culprit.

Righto! Thanks so much :) It's all better now...

organicplanet:

Well I finally got my site up and live!

see http://www.organicplanetonline.com
How fun!

I still need a little help with a little bit of tweeking tho...

First of all,...
is it possible to have my two main catagories, display on the first row on my main page, but have secondary catagories display centered on the next line? I have another 4 catagories to add, but they are not my main products. This would be only for the main page, but not for display within the catagories?

My other tweek is within in the catagories, like "Black Loose Leaf Teas" for example...I have the "add selected product to cart" button displaying below the grayish border line separating the products from the lower control bar.

Ok, thanks in advance! I love this template. Thanks again so much Jade

Jane M Bell
Organic Planet Coffee & Tea

Since you only have 4 main categories, I'd turn off the category display in the admin for the home page, and manually add the category images as links in the "Tools", "Define Pages Editor", "Define Main Page".

My other tweek is within in the catagories, like "Black Loose Leaf Teas" for example...I have the "add selected product to cart" button displaying below the grayish border line separating the products from the lower control bar.

What's your question there?

Does anyone know how to make the right sidebox narrower? I can make the center wider, but have no idea how to make the sidebox narrower?

Thanks,
Jenny

Jade,

I figured out how to make the sidebar narrower; however, in the process I think I changed the width of my drop down menu things that drop down. So when I scroll over "Categories" for instance, the links drop down for the categories, but the background box for them is slightly wider than it should.

please check out:

http://dev.creativeap.com/zencart

Basically, what defines the width of these drop down backgrounds?

Thanks in advance,
Jenny

I've followed step 8 in the readme file in order to get the ABOUT US page to work. It didn't work.

has any one got any tips on what I may have done wrong?

Thank you.

I'd like to add to the previous post that I did actually get it working. the problem is that I have 2 About us links in the drop down menu and I have no idea how to turn one off.

The one at the bottom of the drop down menu is the one that's working via the EZ pages. I have no idea how the other is controled. When clicke the site map shows up with an error 404 at the start.

Thank you.

Jade, Thank you for your continue support to this wonderful contribution.

My Issues if you have a change to look, after 3 days and a lot of coffee I honestly give up.

This issue is only in IE 7. I do not see on FF 2 o FF3
Whe Additional image are present (again issue in IE)

1 Image is Centered (OK)
2 Images Vertical aligned
3 Images OK
4 Images OK

examples below

What did I do wrong? Why with 2 images and no 3 or 4, which shows correctly aligned? :blush:

THIS IS A LIVE SITE LEFT CHECK/MONEY ORDER PAYMENT MODULE SO YOU OR ANYONE CAN CHECK MY SITE. ANY FEEDBACK GOOD OR BAD IS MUCH APPRECIATED. JUST ONE FAVOR IN NAME OR LAST NAME ADD TEST SO I CAN DELETE IT LATER - THANK YOU FOR YOUR TIME
2 Pictures
ygfashion.com/index.php?main_page=product_info&cPath=2_3&products_id=76
ygfashion.com/index.php?main_page=product_info&cPath=2_3&products_id=84

3 Pictures
ygfashion.com/index.php?main_page=product_info&cPath=2_3&products_id=37

4 Pictures
ygfashion.com/index.php?main_page=product_info&cPath=2_3&products_id=85

Second Issue
I have severly modified your template and I have left a "space" below drop Menu. This replicate on all the site, just below the black Header drop menu background and on top of center white column
I would like that portion = 0px

Zen 1.3.8a
Apple Zen 2.4
CAPTCHA
Easy Sign Up Log in with COWOA
Fast and Easy Checkout with 1 Page check out
Disabled Paypal express
Disable Google Checkout
Site with NOSSL (reason I disables both payment method)
Enable Paypal IPN for testing
Google SiteMap
Google Product Feed
Fual Slimbox
Image Handler 2

Other that that I am pretty much done other that Google checkout Module and lack of SSL which will be done once this issues are gone

Jade :thumbsup, Thank You!