Apple Zen Support Thread

[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.)

[jettrue]

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. Sort of.

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 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 www.zencart137.jadetrue.com. Be sure that you put all of the IH2 css files into the correct apple zen folder.

[hedron]

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

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 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 www.zencart137.jadetrue.com. Be sure that you put all of the IH2 css files into the correct apple zen folder.

Hi Jade,

Thank you for your reply, you are awesome!!

I installed IH2 and it works fine (did no notice any bugs so far). And your suggestions fixed most of those issues. I do need a few clarifications though:

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.
"Configuration", "EzPages Settings", "EZ-Pages Footer Link Separator". Remove the padding faux padding there.

What faux padding? In there I have this:  | 

However on the site it shows up like this:

Home      |  About Us  |  Contact Us

A bunch of padding after home, and 2 spaces before and after the separator instead of one. I am just wondering what generates the extra spaces and the padding...

-----

How do I center the “Add to cart” box? I tried to tweak the code unsuccessfully.
You can change #cartAdd to this:

That code does not work.

Example: For this page:
http://www.saleyla.com/store/index.p...&products_id=1

I wish the cart (or contact us, when you are not logged in) box to be right under the other text input box, in the center of the page.


More clarifications:
- Since I removed breadcrumbs on the Home page, the side boxes move up. Any way to keep that consistent? How do I move it down at Home, or up everywhere else?

- While your template should work fine with v1.3.9 (right?), are you planning to update it for v2.0?

- Do you recommend any other useful modifications for a site like the one I am working on (http://www.saleyla.com)?

- I am still wondering whether this store works with IE 6. Anyone with IE 6, would you please test this store?
http://www.saleyla.com


Anyhow, you are right, I am looking at the site with a magnifying glass. I am trying to understand how everything works since I am new to this...

Your template is excellent already though, so I am just tweaking the default stuff... And my friend, the fashion designer, is quite happy with her site as is


Thank you in advance for your reply.

[Didee]

Hi again, I have a couple of questions. first one is how do I get my "more information" pages to align to the right a tad.
and also when i have the ezy pages listed, the same thing happens. I have been looking for hours lol thanks in advance.
http://www.stitchwith.me

[jettrue]

Hi Jade,

What faux padding? In there I have this:  | 

However on the site it shows up like this:

Home      |  About Us  |  Contact Us

A bunch of padding after home, and 2 spaces before and after the separator instead of one. I am just wondering what generates the extra spaces and the padding...

Ok, I see. This is an issue with zen cart. If you want to fix this, you'll need to open up includes/templates/template_default/templates/tpl_ezpages_bar_footer.php and change this:

<a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a>

to this:

 <li><a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a></li>

Then be sure to save it in your includes/templates/apple_zen/templates/ folder.

Then open up includes/templates/apple_zen/common/tpl_footer.php and change this:

<li><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?></li>

to this:

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

That code does not work.

It did work when I tested it on your site in Firefox, but you have this added in your tpl_product_info_display.php right before the add to cart box:
<div style="float:left">

That is not standard in zen cart or my template. You need to remove that as well as the closing </div> for that.

More clarifications:
- Since I removed breadcrumbs on the Home page, the side boxes move up. Any way to keep that consistent? How do I move it down at Home, or up everywhere else?

Personally, I don't see the need for this, but you can force a green "bar" to be on the home page by changing this in stylesheet.css to this:

#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;}

to this:

#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;border-bottom:25px solid #BBD17E}

- While your template should work fine with v1.3.9 (right?), are you planning to update it for v2.0?

yes

- Do you recommend any other useful modifications for a site like the one I am working on (http://www.saleyla.com)?

I almost always install Ultimate SEO module, but that's a personal preference. I find the site then does better in search engines. But don't say that too loud here, people get upset.

[hedron]

Hi Jade,

I wanted to thank you for the reply below (it's been a while, I got side-tracked).

New clarifications & questions:

- This did not work for me:
#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;border-bottom:25px solid #BBD17E}

I left the CSS modified as per your suggestion, in case I missed something.

Again, I am hoping to push the sidebox column down in the Home page, just like the other pages.


- By the way, I cannot figure out how to change the gray background color of that column. Is that this image: content_bg? Or what?

- The bullets in the product description are not indented. How can I fix that?
http://www.saleyla.com/store/index.p...&products_id=1

- Where can I add padding to the text for the Advanced Search popup windows and other similar popups?

- Do you know how can I remove the Address Bar as well as the Status Bar from the “larger image” pop up window (and add a scrollbar for low rez monitors)?

Thank you in advance for your reply.



PS: I did find my first IH2 bug on IE7 (image hover error) which I fixed with this mod:
http://www.zen-cart.com/forum/showpo...postcount=2340

Ok, I see. This is an issue with zen cart. If you want to fix this, you'll need to open up includes/templates/template_default/templates/tpl_ezpages_bar_footer.php and change this:

<a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a>

to this:

 <li><a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a></li>

Then be sure to save it in your includes/templates/apple_zen/templates/ folder.

Then open up includes/templates/apple_zen/common/tpl_footer.php and change this:

<li><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?></li>

to this:

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

It did work when I tested it on your site in Firefox, but you have this added in your tpl_product_info_display.php right before the add to cart box:
<div style="float:left">

That is not standard in zen cart or my template. You need to remove that as well as the closing </div> for that.



Personally, I don't see the need for this, but you can force a green "bar" to be on the home page by changing this in stylesheet.css to this:

#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;}

to this:

#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;border-bottom:25px solid #BBD17E}

yes



I almost always install Ultimate SEO module, but that's a personal preference. I find the site then does better in search engines. But don't say that too loud here, people get upset.

[jettrue]

Hi Jade,

I wanted to thank you for the reply below (it's been a while, I got side-tracked).

New clarifications & questions:

- This did not work for me:
#centerColumnOuter {background:url(../images/headerborder.gif) repeat-y;border-bottom:25px solid #BBD17E}

No, it doesn't work, because you removed the <div id="centerColumnOuter></div> from tpl_main_page.php

To get the green bar, you can add this:
#indexHomeBody #centerColumnWrapper2{border-top:25px solid #BBD17E}

Or change it to #ffffff if you want it to be white (I see you changed the breadcrumb to white.

- By the way, I cannot figure out how to change the gray background color of that column. Is that this image: content_bg? Or what?

Yes, you have to change the image.

- The bullets in the product description are not indented. How can I fix that?
http://www.saleyla.com/store/index.p...&products_id=1

This is kind of a hack of a fix, but you can add this to your stylesheet.css
#productinfoBody ul {padding-left:15px;margin:0;float:left;width:270px;}

- Where can I add padding to the text for the Advanced Search popup windows and other similar popups?

In the stylesheet, under this section:
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background:#fff;
}

- Do you know how can I remove the Address Bar as well as the Status Bar from the “larger image” pop up window (and add a scrollbar for low rez monitors)?

No, I don't

[hedron]

Thank you! Most of those were solved. :)

Originally Posted by hedron
- The bullets in the product description are not indented. How can I fix that?
http://www.saleyla.com/store/index.p...&products_id=1

This is kind of a hack of a fix, but you can add this to your stylesheet.css
#productinfoBody ul {padding-left:15px;margin:0;float:left;width:270px;}

Unfortunately this does not work... in Firefox it wraps the last two lines to the right and in IE it ignores the line break between the bullets and the second to last line.

If I increase the width it will push the bullets down in IE and ignore the line break in Firefox.


Am I the only one who has this issue with the bullets?

Do you know why the html editing feature allows for bullets but they don't work?


Thank you for everything.