Apple Zen Support Thread

duxfield:

Thanks for the info on how to turn off all the sideboxes....just one other question that may get me in alot of trouble...BUT......why is that you designed this template so the sideboxes would only ever be on the right hand side? Is it just too technically complex to have the option of left or right due to all the other snazzy stuff the template is doing? Don't shoot me please....

It's because of the way I wanted it, that's all. It will break if there were left sideboxes, so I prevented them from occuring. :D I could have designed it with only left sideboxes, but I didn't. Cause that's not what I designed. :P

jettrue:

Sure, you can do that if you like.

First turn em all off, then in the stylesheet delete this section (this will get rid of the light grey section behind the sideboxes):

#centerColumnWrapper2{
background:url(../images/content_bg.gif) repeat-y 80% 0;
}

Then change .centerColumn's width from 73% to like 95% or so. Let me know how this works, because I haven't tried it myself.

Hi Jade - I tried this as you said and it does remove the grey bar from the right hand side of the center piece but it also removes the white background so you can see the stripped background come through. I think thats cause your content_bg.gif contains the white background and the grey column.

Am I right in saying that I'd need to create a new .gif that only had a white line in it? Also changing .centreColumns width doesn't seem to do anything. I actually was going to ask how to change the background of the main column to a different colour anyway.

Also how do I remove the text that says 'To change any of the site colors, open up...etc' and replace it with a header image? I would like a header image across the top and then I'll replace logo.gif with my own logo image too. Thank you.

duxfield:

Also how do I remove the text that says 'To change any of the site colors, open up...etc' and replace it with a header image? I would like a header image across the top and then I'll replace logo.gif with my own logo image too. Thank you.

I found the text in header.php but still would like help on putting a header image in place.

duxfield:

I found the text in header.php but still would like help on putting a header image in place.

An easy way to do this is re-open that same file (includes/languages/english/YOUR_TEMPLATE/header.php), and where you removed that tagline text, add your image code (with the correct width and height of course):

<img src="includes/templates/YOUR_TEMPLATE/images/YOUR_IMAGE.jpg alt="YOUR ALT TEXT HERE" title="YOUR IMAGE TITLE HERE" height="100" width="500" />

And be sure to upload the image to the correct folder.

duxfield:

Hi Jade - I tried this as you said and it does remove the grey bar from the right hand side of the center piece but it also removes the white background so you can see the stripped background come through. I think thats cause your content_bg.gif contains the white background and the grey column.

Am I right in saying that I'd need to create a new .gif that only had a white line in it? Also changing .centreColumns width doesn't seem to do anything. I actually was going to ask how to change the background of the main column to a different colour anyway.

Actually, just change #centerColumnWrapper2 from the background image to the color that you want.

#centerColumnWrapper2{
background#ffffff;
}

Then it worked when I tested it, changing .centerColumn's percentage.

.centerColumn {
width:98%;
float:right;
position:relative;
margin-right:1%;
padding:1% 2% 0 2%;
text-align:left;
line-height:1.6em;
}

Hi,

Firstly I must say that I'm very impressed with the template.

Please can you tell me how I can fill the white intersection (where logo and "change text font...." is) with a background image, and then how to put the logo on top?

BR

Toby

tobicky:

Hi,

Firstly I must say that I'm very impressed with the template.

Please can you tell me how I can fill the white intersection (where logo and "change text font...." is) with a background image, and then how to put the logo on top?

BR

Toby

Hello!

I think if you add the background image to the #logoWrapperOuter tag, then simply upload your own logo to includes/templates/YOUR_TEMPLATE/images/logo.gif, that should do it.

Thank you for your response it was very helpful.

I now have two further problems:

1. In the header the screen splits into 2 frames when the window is resized. Therefore on a 800x600 resolution, my image is not properly displayed. Is it possible to remove the frames?

2. When I go to the site I get the following error message:

Error: Access is denied to: http://mysite.co.uk/includes/csshover.htc
Line: 0
URL:http://www.mysite.co.uk/

Can you help resolve these issues?

Best regards

Toby

tobicky:

Thank you for your response it was very helpful.

I now have two further problems:

1. In the header the screen splits into 2 frames when the window is resized. Therefore on a 800x600 resolution, my image is not properly displayed. Is it possible to remove the frames?

2. When I go to the site I get the following error message:

Error: Access is denied to: http://mysite.co.uk/includes/csshover.htc
Line: 0
URL:http://www.mysite.co.uk/

Can you help resolve these issues?

Best regards

Toby

I would need a link please.

https://www.giftsofwonder.co.uk

I have found an error
In my test site the zip code box is move (Create account)
On others site the same
example:
https://web76.secure-secure.co.uk/giftsofwonder.co.uk/index.php?main_page=create_account&zenid=8ffe67e0e096d3a9fab472b17a347e08

But.. in your site the zip code isn't move

Sorry for my poor english

mateox:

I have found an error
In my test site the zip code box is move (Create account)
On others site the same
example:
https://web76.secure-secure.co.uk/giftsofwonder.co.uk/index.php?main_page=create_account&zenid=8ffe67e0e096d3a9fab472b17a347e08

But.. in your site the zip code isn't move

Sorry for my poor english

I adjusted that on my own site. To do that, open up includes/templates/YOUR_TEMPLATE/templates/tpl_modules_create_account.php.

Find this line:

<label class="inputLabel" for="postcode"><?php echo ENTRY_POST_CODE; ?></label>

and directly after it add:

<br />

Hi Jade

Sorry, I have taken off the password to the site, I'm still having the following 2 problems:

1. In the header the screen splits into 2 frames when the window is resized. Therefore in a 800x600 resolution, my image is not properly displayed. Is it possible to remove the frames?

2. When I go to the site I get the following error message:

Error: Access is denied to: **http://giftsofwonder.co.uk/includes/csshover.htc**
Line: 0
**URL:http://www.giftsofwonder.co.uk/**

Can you help resolve these issues?

Best regards

Toby :smile:

tobicky:

Hi Jade

Sorry, I have taken off the password to the site, I'm still having the following 2 problems:

1. In the header the screen splits into 2 frames when the window is resized. Therefore in a 800x600 resolution, my image is not properly displayed. Is it possible to remove the frames?

2. When I go to the site I get the following error message:

Error: Access is denied to: **http://giftsofwonder.co.uk/includes/csshover.htc**
Line: 0
**URL:http://www.giftsofwonder.co.uk/**

Can you help resolve these issues?

Best regards

Toby :smile:

1. Remover overflow:auto; from #logoWrapperOuter.

2. With which program are you getting this error? I see no such error when I visit your site.

Hi,

Can someone tell me why it shows "page not found" when I click on "About Us"?

here is the online store I'm testing: http://www.ejpshop.com/shop

Thanks in advance for your help!

mateox:

I have found an error
In my test site the zip code box is move (Create account)
On others site the same
example:
https://web76.secure-secure.co.uk/giftsofwonder.co.uk/index.php?main_page=create_account&zenid=8ffe67e0e096d3a9fab472b17a347e08

But.. in your site the zip code isn't move

Sorry for my poor english

Sorry, guys, after further review, the better way to handle this issue is this way:

In the stylesheet, change this:

LABEL.inputLabel {
	width:75%;
	float:left;
	}

to this:

LABEL.inputLabel {
	width:85%;
	float:left;
	}

shapelike:

First and foremost, thank you, Jade for putting together such a great template. It's been fun to go through - thanks for commenting it so well and formatting everything nicely. It makes it easy on the eyes and as a novice I can go through things and learn/understand quicker.

I'm trying to tweak the header image on my ZC test page. Instead of a static image I'd like to reference a php script that will select a random image from a "/templates/.../images/headers/" directory. In the past I've used this script: http://alistapart.com/d/randomizer/rotate.txt

However, simply changing header.php to:

define('HEADER_SALES_TEXT', '<img src="../test4/includes/templates/cycle_therapy/images/headers/rotate.php" alt="Cycle Therapy: serving cyclists of all shapes and frame sizes." title="Cycle Therapy: serving cyclists of all shapes and frame sizes." height="300" width="900" />');

>  
> gives me a 403 error.
>  
> I checked the permissions ... rotate.php itself is 644, images/headers are both 755.
>  
> So ya ... help if you can, please. ;)
>  
> - Mike

Hi there,

Thanks for the compliment on the template. About your issue, I'm not sure how my template would affect it. Have you used this successfully before on a zen cart, with the same method? Could I see a link?

Thanks!

e81ny:

Hi,

Can someone tell me why it shows "page not found" when I click on "About Us"?

here is the online store I'm testing: http://www.ejpshop.com/shop

Thanks in advance for your help!

Err, that's something I did not think about mentioning. The about us page needs to be added yourself if you'd like to use it. There is a module in the download section that makes it easer for you to add it yourself:

About Us Mod

I just downloaded the Apple_Zen template to use with Zen Cart 1.3.7. I love the confirmation roadmap that you have for the checkout process, but it doesn't seem to display correctly in IE. In Firefox it looks fine... One long gray bar with each heading in a row above the bar. But IE... well IE never seems to do things the RIGHT way!

I assume it's just wrapping to the next line because it's a pixel or two too long? Maybe a padding issue?