Apple Zen Support Thread

larojiblanca:

Does anyone know how I can change color for the "New products for [month]" bar?

.centerBoxHeading {
margin:0;
background:#eee;
padding:.3em 0;
border-top:2px solid #4f4f4f;
border-bottom:2px solid #4f4f4f;
}

Change the background color there.

Then to change the background color for the Titles of the sideboxes, you can add a background color here:

h3.leftBoxHeading, h3.rightBoxHeading {background:url(../images/sideboxleft.gif) no-repeat top left;}

like this:

h3.leftBoxHeading, h3.rightBoxHeading {background:#000000 url(../images/sideboxleft.gif) no-repeat top left;}

(the above would be to make the background behind the titles black)

Wow, thanks so much, that fixed it.
Di

Hello! How would I make an image drop shadow like the one in the cherry zen template?

nikki72:

Hello! How would I make an image drop shadow like the one in the cherry zen template?

The easiest way, if you also like the way the product is laid out in the cherry zen template, is to download the cherry zen template, and move move the includes/templates/cherry_zen/templates/tpl_product_info_display.php to includes/templates/apple_zen/templates/

Then you'll need to add some css from cherry zen to your stylesheet.css (you should also search through the apple_zen stylesheet.css and remove and sections of the same name so there aren't duplicates):

/* product info page css */

#cartAdd {
	width:125px;
	text-align:center;
	margin:10px auto;
	float:right;
	padding-right:10px;
}
#cartAdd input {
	margin:.3em 0 0 0;
}
#productDescription {
	border:1px solid #bfbfbf;
	margin-top:20px;
	clear:both;
}
#rightFloat {
	float:left;
	width:45%;
}
#leftFloat {
	float:left;
	text-align:center;
}
#productDetailsList {
	float:left;
}
#productAttributes {
	width:100%;
	float:left;
	border:1px solid #bfbfbf;
	padding-left:5px;
	margin:5px 0 0 10px;
}
#productImage {
	margin:0 auto;
	text-align:center;
}
.imgLink {
	text-align:center;
	margin:0 auto;
	display:block;
	width:100%;
}
#friendReview {
	width:200px;
	padding:15px 0 10px 0;
	float:left;
	clear:left;
	text-align:left;
}
.reviewCount {
	float:left;
	padding-left:2px;
}
#productReviewLink {
	padding:5px 0;
}
.wrapperAttribsOptions {
	line-height:2em;
	width:auto;
	float:left;
}
.wrapperAttribsOptions h4 {
	padding-right:15px;
}
/* end product info page css */

and

/* css for product image drop shadow and border. To disable the drop shadow and border, simply delete or comment out this section */

#productMainImage {
	float:left;
	background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
	background: url("../images/shadow.gif") no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
#productMainImage img {
	display: block;
	position: relative;
	background: #fff;
	margin: -3px 6px 6px -3px;
	border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */
	padding: 4px;
}
/* end css for product image drop shadow */

thanks for the help!

I am having a few issues with the right side box I didn't have with the cherry_zen.

I installed best sellers page and also the FAQ Module.
When you click through to the pages on these modes my right column is moved under the main page!

I also installed login header and it shows at the top and in the right column ( not supposed to be there! I do have the center column option enabled in the admin..... the migration from cherry to apple is going so well and now this :(. hELP!

http://www.2antioch.org/index.php

nikki72:

thanks for the help!

I am having a few issues with the right side box I didn't have with the cherry_zen.

I installed best sellers page and also the FAQ Module.
When you click through to the pages on these modes my right column is moved under the main page!

I also installed login header and it shows at the top and in the right column ( not supposed to be there! I do have the center column option enabled in the admin..... the migration from cherry to apple is going so well and now this :(. hELP!

http://www.2antioch.org/index.php

It's not apple zen, the people who designed those mods probably forgot to wrap the pages correctly with the centerColumn wrapper. I've seen it happen a lot.

Could I see a link to your zen cart site?

As far as the login header, as the instructions in the readme.txt state, you need to turn on the SINGLE COLUMN status ONLY, and turn off the left/right sidebox status for the login header. Then it won't show in the sidebox. :cool:

Don't panic!

jettrue:

It's not apple zen, the people who designed those mods probably forgot to wrap the pages correctly with the centerColumn wrapper. I've seen it happen a lot.

Could I see a link to your zen cart site?

As far as the login header, as the instructions in the readme.txt state, you need to turn on the SINGLE COLUMN status ONLY, and turn off the left/right sidebox status for the login header. Then it won't show in the sidebox. :cool:

Don't panic!

lol, wow that as so simple I neglect to see it. :)
Here is my link:http://www.2antioch.org/store/index.php

I am also having an issue with my customers who bought this at bottom of product_info are not lining up right, they look like single column, here is an example:
http://2antioch.org/store/index.php?main_page=product_info&cPath=2&products_id=7

and I have also managed to delete the left shadow off my header edge...... I think that's the end of my issues

and please look over my advanced search in header... I haven't figured out to get even space between each field and to get the fields to look consistant in hieght, they are supposed to be in a straight line across the top all net and tidy lol

wondering if anyone has this template working in combination with the multi site module. My dropdown list disappears when products are added to the site using the multisite.

I realise it is not a template problem as such just wondering if anyone has this scenario sorted out ?

Thanks all .

nikki72:

I am also having an issue with my customers who bought this at bottom of product_info are not lining up right, they look like single column, here is an example:
http://2antioch.org/store/index.php?main_page=product_info&cPath=2&products_id=7

and I have also managed to delete the left shadow off my header edge...... I think that's the end of my issues

got the shadow fixed, I messed it up when I added the login header, some how I inseted an extra <div>.

I still can not figure out how I messed up the customers also bought center column box, I don't think I did it in the style sheet..

jettrue:

It's not apple zen, the people who designed those mods probably forgot to wrap the pages correctly with the centerColumn wrapper. I've seen it happen a lot.

Could I see a link to your zen cart site?

Don't panic!

Is there a sample file I could compare with these mods to correctly use the center column wrapper?

I got the issue fixed with my product info page wooooes me! My bad on that one, it was a alternate product_info template I installed. :) I knew it was something I did so I started from scratch.

jetrue, you have been a tremendous help. You made a really great template here. Can I post a link from my site to yours giving you credit for the original template design?

Also, I know you are very busy... I am sure ppl ask you a million questions. I am still trying to track down the center column thing, it's above my pay grade :blush: I just haven't been able to fix it myself. I also posted a question on how to fix it in the FAQ and Best sellers pages. So maybe I will not have to bother you any more :D

nikki72:

I got the issue fixed with my product info page wooooes me! My bad on that one, it was a alternate product_info template I installed. :) I knew it was something I did so I started from scratch.

jetrue, you have been a tremendous help. You made a really great template here. Can I post a link from my site to yours giving you credit for the original template design?

Also, I know you are very busy... I am sure ppl ask you a million questions. I am still trying to track down the center column thing, it's above my pay grade :blush: I just haven't been able to fix it myself. I also posted a question on how to fix it in the FAQ and Best sellers pages. So maybe I will not have to bother you any more :D

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

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

nikki72:

I got the issue fixed with my product info page wooooes me! My bad on that one, it was a alternate product_info template I installed. :) I knew it was something I did so I started from scratch.

jetrue, you have been a tremendous help. You made a really great template here. Can I post a link from my site to yours giving you credit for the original template design?

Also, I know you are very busy... I am sure ppl ask you a million questions. I am still trying to track down the center column thing, it's above my pay grade :blush: I just haven't been able to fix it myself. I also posted a question on how to fix it in the FAQ and Best sellers pages. So maybe I will not have to bother you any more :D

I found your link that you had posted before. :) Yes, that is your issue, the mod's weren't created correctly.

Next time I update this template, I'll have to make some changes so the template doesn't have to rely on other people knowing what they are doing, LOL.

A big THANK YOU to Jade for this great template! It is really Zen.

This is my first time posting on here. It is also my first time working on customizing a template and I am trying my best to figure things out. I diligently researched and fixed what I could and now I have a few questions left (some are not specific to this template):

1. First of all, for those of you with IE 6, would you please test this store?
   http://www.saleyla.com

I'd like to know if it works as supposed to (making sure the .htaccess is in the right place). I am on XP with FF3.

2. Why are the drop down menus wider then the drop down buttons? Is that a graphical choice or a limitation of the template? Can it be fixed?

3. Why are some pages larger than others (example: “home” larger than “contact us”)?

4. Spacing issue with Breadcrumbs:
   Why are there extra spaces to the right of each “>”? Can the spacing be consistent? (word, space, crumb, space, word, space, crumb, space, word, etc.)

5. Can “Home” in the breadcrumbs be moved a bit to the right? (even at the Home page, not just when breadcrumbs are active)

6. Similar issue with Footer Links: why does Home have extra padding?
   Also the links that are evenly spaced have more than one space between each link and the separators.

7. This breadcrumb is incorrect: “Home > Create an Account > Success”
   That's because the last two breadcrumbs are both not links. The only clickable link is “Home”. Kind of weird. It defeats the purpose of breadcrumbs. If you all were picky as me, how would you reword and fix that?
   Those are defined here: create_account_success

8. main_template_vars.php - will this file be overridden with an upgrade?

9. Why are the two apple_zen side boxes highlighted in red within the Layout Boxes Controller (Admin)?
   And why do they wrap instead of stretching the column? Just curious.

10. In Explorer 7, if you increase the text size the size of the logo does not increase...

11. How do I center the “Add to cart” box? I tried to tweak the code unsuccessfully.

12. I am planning to install Image Handler 2. Is there any conflict with Apple Zen?

And those are all my questions so far! :)

Thank you in advance for your replies.

(I am using the latest version of Zen Cart. So far Apple Zen is the only addon installed.)

jettrue:

I found your link that you had posted before. :) Yes, that is your issue, the mod's weren't created correctly.

Next time I update this template, I'll have to make some changes so the template doesn't have to rely on other people knowing what they are doing, LOL.

Thank you so much for looking, I'll open the tpl_files related to the modes and get them fixed!

hedron:

A big THANK YOU to Jade for this great template! It is really Zen.

This is my first time posting on here. It is also my first time working on customizing a template and I am trying my best to figure things out. I diligently researched and fixed what I could and now I have a few questions left (some are not specific to this template):

1. First of all, for those of you with IE 6, would you please test this store?
   http://www.saleyla.com

I'd like to know if it works as supposed to (making sure the .htaccess is in the right place). I am on XP with FF3.

2. Why are the drop down menus wider then the drop down buttons? Is that a graphical choice or a limitation of the template? Can it be fixed?

3. Why are some pages larger than others (example: “home” larger than “contact us”)?

4. Spacing issue with Breadcrumbs:
   Why are there extra spaces to the right of each “>”? Can the spacing be consistent? (word, space, crumb, space, word, space, crumb, space, word, etc.)

5. Can “Home” in the breadcrumbs be moved a bit to the right? (even at the Home page, not just when breadcrumbs are active)

6. Similar issue with Footer Links: why does Home have extra padding?
   Also the links that are evenly spaced have more than one space between each link and the separators.

7. This breadcrumb is incorrect: “Home > Create an Account > Success”
   That's because the last two breadcrumbs are both not links. The only clickable link is “Home”. Kind of weird. It defeats the purpose of breadcrumbs. If you all were picky as me, how would you reword and fix that?
   Those are defined here: create_account_success

8. main_template_vars.php - will this file be overridden with an upgrade?

9. Why are the two apple_zen side boxes highlighted in red within the Layout Boxes Controller (Admin)?
   And why do they wrap instead of stretching the column? Just curious.

10. In Explorer 7, if you increase the text size the size of the logo does not increase...

11. How do I center the “Add to cart” box? I tried to tweak the code unsuccessfully.

12. I am planning to install Image Handler 2. Is there any conflict with Apple Zen?

And those are all my questions so far! :)

Thank you in advance for your replies.

(I am using the latest version of Zen Cart. So far Apple Zen is the only addon installed.)

First question: Are you looking at your site with a magnifying glass and a ruler? Just kidding. :cool: Sort of. :P

I thought I was anal, LOL.

Here we go.

2. Open up includes/templates/apple_zen/css/stylesheet_header_menu.css and change the 12em to a larger number.

3. Pages aren't different sizes. Does your about us page NOT have a scroll bar while your home page does? The scroll bar on your browser is the culprit, I'd guess. It makes it seem smaller. You can force a vertical scrollbar to appear on all pages (even the short ones) by adding this to your stylesheet.css:
   html {overflow-y: scroll;}

4. I'm not seeing this issue on your site. But you can edit the spaces for the breadcrumb bar under "Configuration", "Layout Setting", "Bread Crumbs Navigation Separator"

5. By the way, Did you know you can turn off the breadcrumb for the home page only (get rid of the silly "home" on the home page), under "Configuration", "Layout Settings", "Define Breadcrumb Status". Also, you must have changed the css, because that is not how it looks by default. Yes, I see you changed padding:.5em; to padding:0;. Add some padding back to #navBreadCrumb

6. "Configuration", "EzPages Settings", "EZ-Pages Footer Link Separator". Remove the padding faux padding there.

7. That's a zen cart issue, nothing to do with my template.

8. includes/modules/pages/specials/main_template_vars.php was modified to fix a bug in zen cart. It is a core file, and yes, it would be overwritten in an upgrade. Though the next upgrade is a major one, and that issue is probably moot.

9.That just tells you they are template specific.

10.It does on my IE7, on my test site https://www.zencart137.jadetrue.com. Not sure why yours wouldn't.

11. You can change #cartAdd to this:
    #cartAdd {
    width:130px;
    text-align:center;
    margin:0 auto;
    border:1px solid #000;
    padding:1em;
    }

12.Nope, no conflicts, just be aware IH2 has more bugs than my template. :) It works, but its not perfect. Just so you know and have been warned. But I always use it, it is a great mod to add to any site. I have it there on my test site https://www.zencart137.jadetrue.com. Be sure that you put all of the IH2 css files into the correct apple zen folder.

I'm sorry if that has already been asked. I tried to do a search here and on the general forum but to many results came up. I'm also attaching a picture so you can better see what I am asking.

I would like to move the search to where the grey stripes are I would like to remove/turn off the home, etc. to the right so that all that is there is the search box and maybe a graphic. I hope this makes sense.

Thanks
Julia

I am sure this is a simple oversight on my part and will be a simple fix.........however I can not see it.

When I make an item "free shipping" the icon doesn't show up on my product info page....... it's in the template. I do have the Tabbed Products Pro installed but I disabled it to see if that was the problem and the icon still didn't show up :(