Apple Zen Support Thread

Hi Guys!

I've been working on this template for a LONG time! Blame it on my perfectionist tendencies! This template is designed for 1.3.* versions of zen cart, and WILL NOT work for zen cart versions prior to 1.3.0.2.

Screenshot:
http://www.applezen.sagefish.com/ima..._apple_zen.jpg

See it in action:
Apple Zen Template

This template is designed to increase in size as font size is increased in the browser, keeping the same aspect ratio. Even the logo is designed to resize (optional). In this template, I've also included some extra features, such as a horizontal drop down menu which includes your categories and more. Also included is the Order Steps Table-less module which gives your customer a visual indicator of where they are in the order process.

Apple Zen is designed to **ONLY** have sideboxes on the right side of the page, and will automatically move all left sideboxes over to the right side. It is NOT possible to have sideboxes on the left side with this template, but if you forget to go to the Layout Boxes Controller in the admin and change all sideboxes to the right, your left boxes will still display, but they will display below any right sideboxes.

I've included three extra colors in addition to the default apple green... red, blue, and grey. To change colors, simply open up includes/templates/apple_zen/css/stylesheet.css, and un-comment the color you want to use, and comment out the color you don't want to use. You'll also need to open up includes/templates/apple_zen/css/stylesheet_header_menu.css to change the colors in the drop down menu.

There are more instructions in the README file, also, be sure to note that if you are using a zen cart version that is earlier than 1.3.7, there are three files that you need to replace.

Let me know if you need any help with the template!

Download HERE

Great job Jade :thumbsup:. There's lot's of effortless-looking technical goodies in here (and I appreciate just how much effort you must have put into making them look effortless!). And I particularly like the way that you have also addressed the checkout area.

I hope you have a suitably rude response prepared for the first person who asks who to turn this into a liquid layout or make it stretch all the way across the screen :laugh:.

Quote:

---

Originally Posted by kuroi

Great job Jade :thumbsup:. There's lot's of effortless-looking technical goodies in here (and I appreciate just how much effort you must have put into making them look effortless!). And I particularly like the way that you have also addressed the checkout area.

---

Thanks kuroi! You just don't even KNOW how much headache that header menu gave me. There was a module in the download section for it, but it had some serious bugs depending on the order of the categories and whether or not the first category listed had subcategories. Anyway, this template would have been done a lot sooner if not for that, LOL. Not to mention trying to create a layout that increases with font size along with drop shadows on both sides (won't be seen in IE prior to IE7) and a background for the categories that increases with font size too.... well, anyway, I enjoyed the challenge. Now comes the challenge to support it, LOL :cool:

Quote:

---

Originally Posted by kuroi

I hope you have a suitably rude response prepared for the first person who asks who to turn this into a liquid layout or make it stretch all the way across the screen :laugh:.

---

Don't EVEN suggest it! LMAO! Anyone who is reading this and wants the above... fuggitaboudit. Not gonna happen. :D :lamo:

I just downloaded this beautiful template and would like to know how to make the stripe design to go all the way down and under the "middle display" area??

You would have to make the /includes/templates/apple_zen/images/site-bg.gif very much longer, or if it aligns nicely, repeat it vertically as well as horizontally.

this is an amazing looking template! ill probably be using this whenever i go to redesign my site :) thanks!

Quote:

---

Originally Posted by Sunabac

I just downloaded this beautiful template and would like to know how to make the stripe design to go all the way down and under the "middle display" area??

---

Hi There!

Use the site-bg.gif attached to this message (overwrite the one found in includes/templates/apple_zen/images

Then open up includes/templates/apple_zen/css/stylesheet.css and change:

Code:

---

body {
        background:url(../images/site-bg.gif) 0 9em repeat-x;
        }

---

To this:

Code:

---

body {
        background:url(../images/site-bg.gif) 0 9em repeat;
        }

---

Now after doing that, a teeny little bit of green stripe will show up just above the logo section, so you'll need to change this:

Code:

---

#headerWrapper {
        width:100%;
        text-align:center;
        margin:0 auto;
        }

---

to this:

Code:

---

#headerWrapper {
        background:#ffffff;
        width:100%;
        text-align:center;
        margin:0 auto;
        }

---

Well I can see why you did not have it... one can get "dizzy" watching these stripes on wide screen...
Would I be the first "rude" person to ask where/how to increase the width of the middle?? I am new to this... so be nice :)

our posts must have "missed each other.." I just put
background-repeat: repeat;
but I did notice the bit of that stripe as you mentioned, but it did not go away after I inserted background:#ffffff; in the #headerWrapper

I can live with that...
Thanks!

Can hard URLs be added to the menu?

FanTAStic template :smile:

Quote:

---

Originally Posted by DogTags

Can hard URLs be added to the menu?

FanTAStic template :smile:

---

Definitely. That would be done in:

includes/templates/apple_zen/common/tpl_drop_menu.php

Quote:

---

Originally Posted by Sunabac

our posts must have "missed each other.." I just put
background-repeat: repeat;
but I did notice the bit of that stripe as you mentioned, but it did not go away after I inserted background:#ffffff; in the #headerWrapper

I can live with that...
Thanks!

---

Well, that worked on my 1.3.7 test site. What version of zen cart are you using?

Quote:

---

Originally Posted by Sunabac

Well I can see why you did not have it... one can get "dizzy" watching these stripes on wide screen...
Would I be the first "rude" person to ask where/how to increase the width of the middle?? I am new to this... so be nice :)

---

It's not rude to ask to increase the width, he was referring to make it a "fluid" layout, which means that the width would change depending on the width of the browser.

TO make the middle wider, you'd need to open up includes/templates/apple_zen/css/stylesheet.css and change all instances of:

"width:68em"

to another width. You'll have to test to see what works best for you. First, try adding 7em more. Replace all of the "width:68em" to "width:75em"

Then change all instances of

"width:69em"

to "width:76em" (which is 7em more).

Then open up includes/templates/apple_zen/css/stylesheet_header_menu.css

and change all instances of "width:68em"

to "width:75em".

Quote:

---

Originally Posted by Sunabac

Well I can see why you did not have it... one can get "dizzy" watching these stripes on wide screen...
Would I be the first "rude" person to ask where/how to increase the width of the middle?? I am new to this... so be nice :)

---

I've been thinking about this more, and I want to add the comment that it's wise to remember that not all people are using a wide screen monitor at a high resolution. So the relative "narrowness" that you see on your monitor, won't be "narrow" for someone with a smaller monitor at a lower resolution. Also, people don't generally have their browser window spread all the way across the screen. AND, this template is designed to get wider as people increase font size. That being said, I think I will make the default width of this a tad bit bigger, given that more and more people are using higher resolutions now with new and improved monitors.

Just my .02. :P

I am also running 1.3.7

Quote:

---

Originally Posted by jettrue

TO make the middle wider, you'd need to open up includes/templates/apple_zen/css/stylesheet.css and change all instances of:

"width:68em"

to another width. You'll have to test to see what works best for you. First, try adding 7em more. Replace all of the "width:68em" to "width:75em"

Then change all instances of

"width:69em"

to "width:76em" (which is 7em more).

Then open up includes/templates/apple_zen/css/stylesheet_header_menu.css

and change all instances of "width:68em"

to "width:75em".

---

Thank you for your directions, but after switching display to 800 X 600 I don't think I will be touching it.. It looks fine with 1024 x 768 or higher. I wonder how many people still have 800 X600??? Or can we "ignore" them??

You have the following in the apple_zen README:

2. Goto your Zen Cart administration...

Under the "Tools" menu choose
-Template Selection
-Edit
-Choose "Simple Zen" from the dropdown menu
-Click update

Should "Simple Zen" really be "Apple Zen" ?

HTH :smile:

Let me first say that your Apple Zen Template is VERY nice!

I am somewhat new to zencart and CSS, modifying templates and all. I have been trying to customize your Apple Zen template to better suit my wife's website.

The test-site I'm working on is at: http://www.enchantingdream.com/Testsite/

There several things I am trying to do and having trouble with:

1. I would like to have a background bar behind the type on the top "Home Log In"

2. When viewing a product Category, I would like to have every-other item have a light color in the background for easier viewing.

3. On the Product View, after clicking on an item in a Category, I would like to move the item description over to the right so that it is not touching the item's image.

I am not able to find what I'm supposed to modify within the CSS to do this. I am editing the CSS with Adobe GoLive.

I would very much appreciate your help with this! Thanks!

Quote:

---

Originally Posted by Sunabac

Thank you for your directions, but after switching display to 800 X 600 I don't think I will be touching it.. It looks fine with 1024 x 768 or higher. I wonder how many people still have 800 X600??? Or can we "ignore" them??

---

about 5% of my visitors have 800x600.. according to google analytics :P

I was wondering if your nice template is compatible with "minimum order" module?? I can still check out (when less than minimum is ordered) when using the "CheckOut" in the drop down menu or the one in top line. :unsure:

Quote:

---

Originally Posted by Sunabac

I was wondering if your nice template is compatible with "minimum order" module?? I can still check out (when less than minimum is ordered) when using the "CheckOut" in the drop down menu or the one in top line. :unsure:

---

jettru if you could point me to a right place where I could add a line or two.. I know if the shopping cart is empty the checkout is not available, so all I need to do is to change the "shoppping cart empty" to "shopping cart less than "50.00", rigt?? Tha way the CheckOut will not be available till 50.00 in the cart.. Do I have this right??

gosh, I am communicating with myself here.. found out the overwrite in drop down menu; 1 down 1 to go..

Quote:

---

Originally Posted by Sunabac

Thank you for your directions, but after switching display to 800 X 600 I don't think I will be touching it.. It looks fine with 1024 x 768 or higher. I wonder how many people still have 800 X600??? Or can we "ignore" them??

---

The majority of people use 1024 x 768 now. Here are some stats:

http://www.w3schools.com/browsers/browsers_stats.asp

It says 58% are at 1024, and 17% are at 800. I don't know that I would yet ignore that group, especially since it still looks fine for people at larger resolutions.

Quote:

---

Originally Posted by DogTags

You have the following in the apple_zen README:

2. Goto your Zen Cart administration...

Under the "Tools" menu choose
-Template Selection
-Edit
-Choose "Simple Zen" from the dropdown menu
-Click update

Should "Simple Zen" really be "Apple Zen" ?

HTH :smile:

---

Thanks for finding my typo. ;)

Quote:

---

Originally Posted by DeFluxx

1. I would like to have a background bar behind the type on the top "Home Log In"

2. When viewing a product Category, I would like to have every-other item have a light color in the background for easier viewing.

3. On the Product View, after clicking on an item in a Category, I would like to move the item description over to the right so that it is not touching the item's image.

I am not able to find what I'm supposed to modify within the CSS to do this. I am editing the CSS with Adobe GoLive.

I would very much appreciate your help with this! Thanks!

---

Ok, #1.

First of all, let me ask you, do you want the search box in your header like on my test site (www.zencart137.jadetrue.com) if so, that makes #1 easier to solve. You would first go to "Layout Boxes Controller" and turn on tpl_search_header.php. To put it in the header, you'd just leave the left/right column status on off, and set the single column status to "on". Once that shows up, then you'll have the purple color behind the "Home Login". To set the background color, just add the background image to:
#navMainWrapper {
background:#bd95c6;
background:url(../images/YOUR_IMAGE_NAME_HERE.gif);
}

If you DON'T want that search box in your header, well then reply, and I'll help with that.

#2

Use the classes:
.productListing-odd
and
.productListing-even

to set the alternating colors.

#3

There was padding built in the template, but when you made these changes:
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align:center; margin: 0 0 5px ; padding: 0 0 5px; border-color: #abbbd3; border-style: none none dotted; border-width: 1px; }

since #productMainImage is in the list above, it is taking on the margin and padding attributes that you added.

Quote:

---

Originally Posted by Sunabac

jettru if you could point me to a right place where I could add a line or two.. I know if the shopping cart is empty the checkout is not available, so all I need to do is to change the "shoppping cart empty" to "shopping cart less than "50.00", rigt?? Tha way the CheckOut will not be available till 50.00 in the cart.. Do I have this right??

---

I'm not fully sure what your issue is... I've never used that module, but I'm guessing you may need to modify the tpl_drop_menu.php to have the correct shopping cart link?

I see you've made some progress... did you figure out where to put the text? Is it still allowing people to check out with less than $50.00?

Quote:

---

Originally Posted by jettrue

I'm not fully sure what your issue is... I've never used that module, but I'm guessing you may need to modify the tpl_drop_menu.php to have the correct shopping cart link?

I see you've made some progress... did you figure out where to put the text? Is it still allowing people to check out with less than $50.00?

---

well with the following change, I no longer get the "checkout" in the drop down menu (I was hoping the checkout would show if amount =>50.00) well I'll keep looking & trying...

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<?php if ($_SESSION['cart']->count_contents() >= 50.00) { ?>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

I made a similar change in tpl_header.php but once again I don't get the "checkout" in the header at all. However the only checkout is in the middle so it seems o.k. This checkout icon appears when cart =>50.00

I've just begun to dabble in the world of ZenCart and completely fell in LOVE with the Apple Zen template! But now I need help configuring it...

1. The titles of the buttons on the navigation bar are not displaying correctly. For example, one button is called "HEADER_TITLE_CATEGORIES" rather than simply "Categories"
2. I'd like to remove two rows that are above the main navbar, one that is displaying my categories, and another that is displaying a menu (EZPages :: Privacy Notice :: Shared :: Zen Cart) which, quite frankly, I don't yet know what to do with.

I'd appreciate anyone's help in this matter. Thank you for your cooperation.

My site: http://store.culture-art-and-indie-music.net/store

Sincerely,
Pixellent

Quote:

---

Originally Posted by Sunabac

well with the following change, I no longer get the "checkout" in the drop down menu (I was hoping the checkout would show if amount =>50.00) well I'll keep looking & trying...

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<?php if ($_SESSION['cart']->count_contents() >= 50.00) { ?>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

I made a similar change in tpl_header.php but once again I don't get the "checkout" in the header at all. However the only checkout is in the middle so it seems o.k. This checkout icon appears when cart =>50.00

---

You're telling it to show up when someone has 50 or more ITEMS IN their cart, not the value of the cart. You need to figure out how to tell it to check for cart value. Check the coding of the mod, it should have the correct code somewhere in there?

Quote:

---

Originally Posted by pixellent

I've just begun to dabble in the world of ZenCart and completely fell in LOVE with the Apple Zen template! But now I need help configuring it...

1. The titles of the buttons on the navigation bar are not displaying correctly. For example, one button is called "HEADER_TITLE_CATEGORIES" rather than simply "Categories"
2. I'd like to remove two rows that are above the main navbar, one that is displaying my categories, and another that is displaying a menu (EZPages :: Privacy Notice :: Shared :: Zen Cart) which, quite frankly, I don't yet know what to do with.

I'd appreciate anyone's help in this matter. Thank you for your cooperation.

My site: http://store.culture-art-and-indie-music.net/store

Sincerely,
Pixellent

---

Hi there... the first issue is due to language files not being upload correctly. Make sure includes/languages/english/extra_definitions/apple_zen/headermenu.php is uploaded.

The categories and ez pages bar is turned off via the admin.

To turn off the categories, go to: "Configuration", then "Layout Settings":
Categories-Tabs Menu ON/OFF

To turn of ezpages, go to: "Configuration", then "EZ Pages Settings" and turn off the header position.

Glad you like the template!

Thank you very much for all your help!

I have another question now, of course, under my product listings where I now have every-other one with a background. I would like to have a margin or padding at the top of all of them so they are not so close together, and so the fist one is not touching the bar above. Once again, I can't seem to find the right thing to change within the CSS.

Also, can you tell me, possibly, an easier way for me to find out what elements on my webpage are being defined by which items on the CSS? At the moment, I just go through the CSS and look for items that sound like they might be the right thing, make a change, save the change, reload my webpage, and hope for the best! LOL

Quote:

---

Originally Posted by jettrue

Hi there... the first issue is due to language files not being upload correctly. Make sure includes/languages/english/extra_definitions/apple_zen/headermenu.php is uploaded.

The categories and ez pages bar is turned off via the admin.

To turn off the categories, go to: "Configuration", then "Layout Settings":
Categories-Tabs Menu ON/OFF

To turn of ezpages, go to: "Configuration", then "EZ Pages Settings" and turn off the header position.

Glad you like the template!

---

Thank you sooooo much, your directions worked beautifully!
Pixellent
http://store.culture-art-and-indie-music.net/store/

Oh, there was something else I wanted to ask.

1. On my product listing pages, when you can click on the "home" within the breadcrumb area, the hover-highlight comes out below the area for some reason.

2. Is there a way I can center my headings within the bars vertically, such as "Product Image, Item Name, Sponsors" etc. ?

Thanks.

Quote:

---

Originally Posted by jettrue

You're telling it to show up when someone has 50 or more ITEMS IN their cart, not the value of the cart. You need to figure out how to tell it to check for cart value. Check the coding of the mod, it should have the correct code somewhere in there?

---

Ups.. no wonder that "Checkout" does not appear in the drop down or on the top! The mod is working fine "within the middle" I just need to find the correct coding for the drop down and header for "checkout" so that it will appear there in correct time..
Thanks

Quote:

---

Originally Posted by jettrue

You're telling it to show up when someone has 50 or more ITEMS IN their cart, not the value of the cart. You need to figure out how to tell it to check for cart value. Check the coding of the mod, it should have the correct code somewhere in there?

---

For those who are also looking for this, I replaced the following:
<?php if ($_SESSION['cart']->count_contents() !=0 ) { ?>
with
<?php if ($_SESSION['cart']->total > MIN_ORDER_AMOUNT) {?>
in two files : tpl_drop_menu.php and tpl_header.php
and all is working well now.
All I have to do now is figure out how to set a different minimum amount for wholesale..

Quote:

---

Originally Posted by DeFluxx

Thank you very much for all your help!

I have another question now, of course, under my product listings where I now have every-other one with a background. I would like to have a margin or padding at the top of all of them so they are not so close together, and so the fist one is not touching the bar above. Once again, I can't seem to find the right thing to change within the CSS.

Also, can you tell me, possibly, an easier way for me to find out what elements on my webpage are being defined by which items on the CSS? At the moment, I just go through the CSS and look for items that sound like they might be the right thing, make a change, save the change, reload my webpage, and hope for the best! LOL

---

Hi There.

Try adding padding to .productListing-data.

I love Firefox, and use it when developing websites. There is a CSS viewer extension that is handy, and also the web developer extension. I also love the Aardvark firefox entension, it will show you the name of the css section when you hover over it.

Quote:

---

Originally Posted by DeFluxx

Oh, there was something else I wanted to ask.

1. On my product listing pages, when you can click on the "home" within the breadcrumb area, the hover-highlight comes out below the area for some reason.

2. Is there a way I can center my headings within the bars vertically, such as "Product Image, Item Name, Sponsors" etc. ?

Thanks.

---

1.
#navBreadCrumb a {
padding:1em;
}

2. That's also due to the same portion that affected your product description padding:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align:center; margin: 0 0 5px ; padding: 0 0 5px; border-color: #abbbd3; border-style: none none dotted; border-width: 1px; }

I would hesitate to do as you did, and set that style to ALLLL of those tags. You have to top padding there set to "0", and that is why. Try changing it to padding:5px 0 5px. Though I can't actually figure out WHY that makes the change, as the tags don't seem to match up, but it does.

I got the following message when I loaded the template to my site. I'm sure I did something wrong, but I'm not sure what it is. Can you help?


Warning: main(includes/classes/categories_ul_generator.php): failed to open stream: No such file or directory in /hsphere/local/home/rpipher/encoreperformance.biz /Store/includes/templates/Apple_Zen/common/tpl_drop_menu.php on line 41

Fatal error: main(): Failed opening required 'includes/classes/categories_ul_generator.php' (include_path='.:/usr/local/lib/php:/usr/local/lib/php/PEAR:/usr/local/share/pear') in /hsphere/local/home/rpipher/encoreperformance.biz /Store/includes/templates/Apple_Zen/common/tpl_drop_menu.php on line 41

Quote:

---

Originally Posted by rpipher

I got the following message when I loaded the template to my site. I'm sure I did something wrong, but I'm not sure what it is. Can you help?


Warning: main(includes/classes/categories_ul_generator.php): failed to open stream: No such file or directory in /hsphere/local/home/rpipher/encoreperformance.biz/ Store/includes/templates/Apple_Zen/common/tpl_drop_menu.php on line 41

Fatal error: main(): Failed opening required 'includes/classes/categories_ul_generator.php' (include_path='.:/usr/local/lib/php:/usr/local/lib/php/PEAR:/usr/local/share/pear') in /hsphere/local/home/rpipher/encoreperformance.biz /Store/includes/templates/Apple_Zen/common/tpl_drop_menu.php on line 41

---

All of the files aren't uploaded. Check to see that includes/classes/categories_ul_generator.php is uploaded.

Jettrue,
Thank you again so much for all your help! Everything you said worked, of course. I will definitely try your Firefox suggestion.

I guess I'm not really sure where/how to install the files.

Quote:

---

Originally Posted by rpipher

I guess I'm not really sure where/how to install the files.

---

How did you install the files that were successfully uploaded? You just have to make sure all the files are in the correct folder. The files in the download are organized in the correct folder structure, and somehow you have to get them on your server in that same folder structure.

So, I need to put them in the folders on the server that they are in on my computer?

Quote:

---

Originally Posted by rpipher

So, I need to put them in the folders on the server that they are in on my computer?

---

Yes.. but it sounds like you don't really know what it is you're doing so my advice is if you're working on a live site to have someone help you.

I think I about have it, just some minor problems:

www.encoreperformance.biz/Store

Quote:

---

Originally Posted by rpipher

I think I about have it, just some minor problems:

www.encoreperformance.biz/Store

---

Okeedokee. Looks like you've recently upgraded a store? It looks like you didn't upgrade the database. Perhaps a search on the forum with that error message at the top of your site would help.

Also, did you go to the admin, and go to "Tools", "Template Selection" and choose "Apple Zen" as your template? I'm confused because some of your source still refers to template_default.

From a quick glance, you also need to upload:
includes/languages/english/extra_definitions/apple_zen/headermenu.php

Quote:

---

It says 58% are at 1024, and 17% are at 800. I don't know that I would yet ignore that group, especially since it still looks fine for people at larger resolutions.

---

The majority of those in 800 x 600 resolution are shoppers. I don't like 1024 resolution, but I guess it's because of my vision problems, which I will have to deal when upgrading my computer, since I won't be able to set it to 800. :(

It's amazing the lot of people that don't know how easy is to change the resolution setting, some of them don't even know it's posible. :blink:

Quote:

---

Originally Posted by ideasgirl

It's amazing the lot of people that don't know how easy is to change the resolution setting, some of them don't even know it's posible. :blink:

---

And yet even more people don't know that you can change the default dpi settings to enlarge fonts when increasing your resolution. Here's a good article on that topic:

http://www.wordstar.org/computing/pages/monitor_cal.htm

I hope this isn't a dumb question. I'm working on upgrading and I added your fantastic template. The upgrading part isn't really important other than the fact that this is the first I've worked with the ez pages. So, my question is...when you create an ez page where is the info written to? I'm trying to figure out how I add an ez page to the drop down header menu.

I know what file to add it to, but I'm confused on what to call the new page. Example, the checkout page is referenced like this:

<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>

Is there an EZ_PAGE defined somewhere? I hope this is making sense.

Thanks,
Chris

It's certainly not a dumb question, though it would probably have been better posted on one of the threads about EZ-Pages.

Very quickly then, when you program an EZ-Page the information is written to your database. However, you can program a link to the page by following the instructions here in the FAQ.

great template! thanks!
i have a question, if i would to remove some menu voices like "my account" and "shopping cart", how may I modify tpl_drop_menu.php? what i have to remove?
thanks!!!

Quote:

---

Originally Posted by hamelin85

great template! thanks!
i have a question, if i would to remove some menu voices like "my account" and "shopping cart", how may I modify tpl_drop_menu.php? what i have to remove?
thanks!!!

---

Go ahead and open up tpl_drop_menu.php and have a look around. It should be fairly self explanatory. To remove "My account" remove this section:

Code:

---

      <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
        <ul class="level2">
          <?php if ($_SESSION['customer_id']) { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>
          <?php } else { ?>
          <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
          <li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
          <?php } ?>
        </ul>
      </li>

---

Thanks for the help!

Chris

I am getting warnings on following 2 lines:

in includes/templates/apple_zen/css/stylesheet_header_menu.css
unknown property "behavior'. Declaration dropped
behavior: url(includes/csshover.htc);and

in includes/templates/apple_zen/css/stylesheet.css
error in parsing value for property 'font'. Declaration dropped

font-weight:bold;

Quote:

---

Originally Posted by Sunabac

I am getting warnings on following 2 lines:

in includes/templates/apple_zen/css/stylesheet_header_menu.css
unknown property "behavior'. Declaration dropped
behavior: url(includes/csshover.htc);and

in includes/templates/apple_zen/css/stylesheet.css
error in parsing value for property 'font'. Declaration dropped

font-weight:bold;

---

With what program are you getting these warnings???

Hi,

Very nice template. In our store we have MANY categories. When I click on our categories it shows about half of them in the dropdown but there is no way to scroll down to see the rest. Is there a solution for this?

One other issue I noticed when testing this is the placement of text. In FF the text starts far to the right of of the left side and crosses over the grey area. Yet in IE7 the placement is correct. I have not made any css changes yet as I am just looking to see if this template will work for us.

Thanks

Rick

Ok, I have figured it out. I had no sideboxes showing. Once I turned a sidebox on everything lined up just fine.

Rick

Quote:

---

Originally Posted by jettrue

With what program are you getting these warnings???

---

Any page that I access. This is my first week using Firefox (since it was mentioned so often here..) so I am looking at "Error Console" to see what is happening.
I am running 1.3.7....

Quote:

---

Originally Posted by disciple

In our store we have MANY categories. When I click on our categories it shows about half of them in the dropdown but there is no way to scroll down to see the rest. Is there a solution for this?

---

Solved the other issue I was having and am still wondering if there is something I can do for the issue in the above quote.

Thanks

Rick

Hi Jettrue, I'm back with more questions!

My test site again is at: http://www.enchantingdream.com/enchanting_dream/

I'd like to know how I can remove the search from the main header but keep the blue background bar across the top. I'm not 100&#37; decided on removing the search, so if you could also let me know how to make the search button itself a graphic of my own instead of the generic search button graphic that it is. Actually, I would like to make my own graphic for both the search button on the top bar, and along the right menu if possible.

Also, I'm still unable to center the text headings vertically within the now blue bars on the menus along the right: Bestsellers, Search, etc..

Thanks again for all your help!

Quote:

---

Originally Posted by DeFluxx

Hi Jettrue, I'm back with more questions!

My test site again is at: http://www.enchantingdream.com/enchanting_dream/

I'd like to know how I can remove the search from the main header but keep the blue background bar across the top. I'm not 100% decided on removing the search, so if you could also let me know how to make the search button itself a graphic of my own instead of the generic search button graphic that it is. Actually, I would like to make my own graphic for both the search button on the top bar, and along the right menu if possible.

Also, I'm still unable to center the text headings vertically within the now blue bars on the menus along the right: Bestsellers, Search, etc..

Thanks again for all your help!

---

Centering the text heading vertically:

h3.leftBoxHeading, h3.rightBoxHeading { font-size:1em; color:#fff; text-transform:uppercase; font-weight:bold; height:1.5em; padding:.5em 0 0 0;
}

I notice you're changing a lot of the em's to px's or font em's to pt's. Which is totally up to you, but changing padding and such to px's kind of messes with the way the template is designed to adjust when someone changes their font size. If you set the padding to pixels, then that will be fixed padding, and it will not adjust when someone adjusts their font size setting. Just a little fyi.


Turn off the top search header in your admin, then in the css add:

height:2.5em;

to the #navMainWrapper, and that should allow your background image to show correctly.

Quote:

---

Originally Posted by Sunabac

I am getting warnings on following 2 lines:

in includes/templates/apple_zen/css/stylesheet_header_menu.css
unknown property "behavior'. Declaration dropped
behavior: url(includes/csshover.htc);and

in includes/templates/apple_zen/css/stylesheet.css
error in parsing value for property 'font'. Declaration dropped

font-weight:bold;

---

Those are just warnings in error console, and they can be ignored. The behavior one is because firefox isn't supposed to recognize that, that is an IE tag to make the drop down menu work correctly.

The font one, if you want to get rid of it, go to this section:

Code:

---

#navSupp ul li a, #navCatTabs ul li a {
        text-decoration:none;
        margin:0;
        white-space:nowrap;
        display:inline;
        font:12px;
        font-weight:bold;
        width:0;
        }

---

and change it to :

Code:

---

#navSupp ul li a, #navCatTabs ul li a {
        text-decoration:none;
        margin:0;
        white-space:nowrap;
        display:inline;
        font-weight:bold;
        width:0;
        }

---

Quote:

---

Originally Posted by disciple

Hi,

Very nice template. In our store we have MANY categories. When I click on our categories it shows about half of them in the dropdown but there is no way to scroll down to see the rest. Is there a solution for this?

---

Well, one thing you could do is open up includes/templates/apple_zen/css/stylesheet_
header_menu.css and change the padding for the drop down menu so more can fit in a smaller space:

Code:

---

div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

---

to:

Code:

---

div#dropMenu ul.level2 a {padding: 0.2em 0 0.2em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

---

Other than that, I would suggest you get a taller monitor :lol: or combine some categories or make some more subcategories. If none of those will work, you can remove the categories from the top menu, and just use sideboxes for the categories. By the way, if your mouse has a scroll button (or use the arrow keys on your keyboard), you can scroll down to see all of the categories.

I'm curious, how many categories are we talking here?

Quote:

---

Originally Posted by DeFluxx

Actually, I would like to make my own graphic for both the search button on the top bar, and along the right menu if possible.

---

Sorry, forgot to answer this one. Open up includes/templates/enchanting_dream/sideboxes/tpl_search_header.php and change line 19 to:

Code:

---

$content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" class="topSearch" style="width: 100px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . ' ' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);

---

Then upload the image you want to use:

/includes/templates/enchanting_dream/buttons/english/button_search.gif

Quote:

---

Originally Posted by jettrue

Well, one thing you could do is open up includes/templates/apple_zen/css/stylesheet_
header_menu.css and change the padding for the drop down menu so more can fit in a smaller space:

Code:

---

div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

---

to:

Code:

---

div#dropMenu ul.level2 a {padding: 0.2em 0 0.2em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

---

Other than that, I would suggest you get a taller monitor :lol: or combine some categories or make some more subcategories. If none of those will work, you can remove the categories from the top menu, and just use sideboxes for the categories. By the way, if your mouse has a scroll button (or use the arrow keys on your keyboard), you can scroll down to see all of the categories.

I'm curious, how many categories are we talking here?

---

Thanks I will try playing with the padding and also the font size but I am not sure that will solve the issue. We have 36 categories. When the dropdown menu appears the scroll bars come up on the browser but you can't move over to scroll without losing the menu. Is there a way to focus the menu until you actually make a selection?

Thanks

Rick

Quote:

---

Originally Posted by disciple

Thanks I will try playing with the padding and also the font size but I am not sure that will solve the issue. We have 36 categories. When the dropdown menu appears the scroll bars come up on the browser but you can't move over to scroll without losing the menu. Is there a way to focus the menu until you actually make a selection?

Thanks

Rick

---

I'm not positive what you mean by "focus the menu until you actually make a selection". But other than what I suggested above, I can't think of any other ways to do this. Have you tried using the arrow keys on your keyboard, or your mouse scroll button to scroll the browser page?

This will be an inherent issue to have a horizontal drop down menu no matter where you go. Browser windows and monitors are only so tall, so people will have to realize that they can use their scroll button on their mouse, or their keyboard arrows to see all of your categories. If you're worried about the people who won't realize that, then I suggest you not use the categories in a horizontal drop down menu. OR, perhaps have the categories in the drop down menu, and also in a sidebox.

ETA: The only other thing to do would be to move that menu to the very top of the site, let me know if you want to do that and I can give instructions.

Quote:

---

Originally Posted by Sunabac

our posts must have "missed each other.." I just put
background-repeat: repeat;
but I did notice the bit of that stripe as you mentioned, but it did not go away after I inserted background:#ffffff; in the #headerWrapper

I can live with that...
Thanks!

---

*NOTE this change is for people who want to have the stripe background all the way down the page like Sunabec requested on page one of this thread*

I finally figured out how to fix this, if you're interested. Open up includes/templates/apple_zen/common/tpl_header.php and change this:

Code:

---

    <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
        <div class="clearBoth"></div>

---

to this:

Code:

---

<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>

---

Then open up includes/templates/apple_zen/css/stylesheet.css and change this:

Code:

---

#logoWrapperOuter {
        margin:0 auto;
        width:100%;
        }

---

to this:

Code:

---

#logoWrapperOuter {
        margin:0 auto;
        width:100%;
        overflow:auto;
        }

---

Jettrue

Thanks for the help, I think I am almost there! I thought I wouldn't have a problem with the following, but I do. I'd like to make the "Home and Login"
links in the main header a color other than blue since they're in the blue bar. However, I have links set to blue, so I am not sure how to change just the ones at the top to white.

Quote:

---

Originally Posted by DeFluxx

Jettrue

Thanks for the help, I think I am almost there! I thought I wouldn't have a problem with the following, but I do. I'd like to make the "Home and Login"
links in the main header a color other than blue since they're in the blue bar. However, I have links set to blue, so I am not sure how to change just the ones at the top to white.

---

#navMainLinks a {color:white;}

Quote:

---

Originally Posted by jettrue

#navMainLinks a {color:white;}

---

I was SO close! I did #navMainLinks, but without the "a". Just curious, why did the "a" make all the difference?

Quote:

---

Originally Posted by DeFluxx

I was SO close! I did #navMainLinks, but without the "a". Just curious, why did the "a" make all the difference?

---

Because you already have a color set for all "a"'s (links) for the site:

a:link {color: #176db3; text-decoration:none;}

So by only setting #navMainLinks to white, it was still using the above color for the links. If you had plain text there, then setting #navMainLinks to white would change that plain text to white, but any links would still be set by:

a:link {color: #176db3; text-decoration:none;}

Clear as mud?:wink2:

Hello guys!

I've uploaded an update to this template. It's mostly cosmetic, so it's not imperative that you install the update. I've made updates to:

1)includes/templates/apple_zen/css/stylesheet.css (small cosmetic tweaks).

2)includes/templates/apple_zen/css/tpl_header.php.

3)There are 4 adjusted images: includes/templates/apple_zen/images/site-bg*.gif. (These images allow you to have the striped image repeat seamlessly down the page)

I'm not sure if this question is something that is related to your template or not, but I would like to have my category menu not have the sub-menus display on the drop down menu.


For Example, if you go to "Themes & Collections" a sub-menu appears that runs far off the page. I would like it to not have the sub-menu appear and just click on "Themes & Collections"

Any idea?

Thanks!

Quote:

---

Originally Posted by DeFluxx

I'm not sure if this question is something that is related to your template or not, but I would like to have my category menu not have the sub-menus display on the drop down menu.


For Example, if you go to "Themes & Collections" a sub-menu appears that runs far off the page. I would like it to not have the sub-menu appear and just click on "Themes & Collections"

Any idea?

Thanks!

---

Sure, that's an easy fix... go to includes/classes/categories_ul_generator.php and on line 27 change:

Code:

---

$max_level = 6,

---

to

Code:

---

$max_level = 1,

---

To anyone else who is wondering, level 1 means that only your main categories show. Level 2 means you main categories and their subcategories show... level 3, main-sub-sub... and so on.

Now I'd like some help changing the words that appear in a browser's titlebar. Where do I go to do this?

-Pixellent
http://store.culture-art-and-indie-music.net/store/

Quote:

---

Originally Posted by pixellent

Now I'd like some help changing the words that appear in a browser's titlebar. Where do I go to do this?

-Pixellent
http://store.culture-art-and-indie-music.net/store/

---

That's done in:

includes/languages/english/YOUR_TEMPLATE/meta_tags.php

Hi - I like your template but I don't really want any sideboxes on the right hand side of the screen (or the left). Looking at the example site for your template can't all the information in the side boxes be accessed from the menus on the tabs at the top of the screen? - so could I turn off all the sidebixes in Admin and still get to everything from the top menu bar? Just trying to get a cleaner look and feel.

Quote:

---

Originally Posted by duxfield

Hi - I like your template but I don't really want any sideboxes on the right hand side of the screen (or the left). Looking at the example site for your template can't all the information in the side boxes be accessed from the menus on the tabs at the top of the screen? - so could I turn off all the sidebixes in Admin and still get to everything from the top menu bar? Just trying to get a cleaner look and feel.

---

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.

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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

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/gi...b472b17a347e08

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

Sorry for my poor english

Quote:

---

Originally Posted by 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/gi...b472b17a347e08

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:

Code:

---

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

---

and directly after it add:

Code:

---

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

Quote:

---

Originally Posted by 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!

Quote:

---

Originally Posted by 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/gi...b472b17a347e08

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:

Code:

---

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

---

to this:

Code:

---

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

---

Quote:

---

Originally Posted by 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?

Quote:

---

Originally Posted by bradymc

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?

---

Thanks for noticing that, you are correct, it is a spacing issue... IE is tacking on more space.

SO, open up all the css files for this mod:

includes/templates/apple_zen/css/checkout_confirmation.css

includes/templates/apple_zen/css/checkout_payment.css

includes/templates/apple_zen/css/checkout_shipping.css

includes/templates/apple_zen/css/checkout_success.css

and change all instances of 25% to 24%.

That'll do the trick! I'll change this in my next release.