Apple Zen Support Thread

jettrue:

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.

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.php?main_page=product_info&cPath=3_7&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? :smile:

• 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... :blink:

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

Thank you in advance for your reply.

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

hedron:

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:

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'); ?>

hedron:

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:

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

hedron:

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}

hedron:

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

hedron:

• 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. :cool:

Is it possible to turn off the drop down menu (or just some of it) on SOME pages but not all pages? Like you can turn the side boxes of on some pages.

Thanks!

Corina Crane

Corina:

Is it possible to turn off the drop down menu (or just some of it) on SOME pages but not all pages? Like you can turn the side boxes of on some pages.

Thanks!

Corina Crane

View the source of the page you want it to be off.

Look for the body id of the page. For example, the body of the home page is this:

In the css, you would add:

#indexHomeBody #dropMenuWrapper {display:none;}

You can use the above code, just replace indexHomeBody with the id of the page needed.

jettrue:

View the source of the page you want it to be off.

Look for the body id of the page. For example, the body of the home page is this:

<body id="indexHomeBody">

In the css, you would add:

#indexHomeBody #dropMenuWrapper {display:none;}

You can use the above code, just replace indexHomeBody with the id of the page needed.

Thanks, that's great! and easy :) but I wasn't expecting to lose the stripe that was behind it. Anyway to keep the stripe?

Corina

Corina:

Thanks, that's great! and easy :) but I wasn't expecting to lose the stripe that was behind it. Anyway to keep the stripe?

Corina

Try this (not tested)
#indexHomebody #dropMenu ul {display:none;}

jettrue:

Try this (not tested)
#indexHomebody #dropMenu ul {display:none;}

Beautiful! works great! Thanks

Sorry that I am just now getting back to you about my footer. I've been sick since the 12th with the flu and just now getting back to this. I got it fixed...sort of. I've added a background and no matter what it is hard to read. Can you take a peak and look at the 2 things that are still the original color. I don't know how to change just those now. Also is there a way to make those lines bold so they aren't as hard to read?

http://www.customcuteness.com/store

Thanks again for your help.

hi jade..
could you help me..
i want to have all my sidebox at the right column, outside the contentMainWrapper.. but still the right column is in the right side

thanks..:blink:..

sorry jade..
my site is http://hope.or.id/store/index.php
really appreacite your help..:hug:

romyloice:

hi jade..
could you help me..
i want to have all my sidebox at the right column, outside the contentMainWrapper.. but still the right column is in the right side

thanks..:blink:..

Did you mean to say, in the left column? Are you talking about that grey box?

jettrue:

Did you mean to say, in the left column? Are you talking about that grey box?

picture mean a thousand words :smile::smile:
sorry for my broken english...

could you see the picture

i mean to take the right column outside the mainwrapper, so it will be located at the white area..

i have no basic off css, just try this, try that, thankfully that you make comment in the stylesheet file..
but for this one, i got really confused..

how can i make just like the picture, the mainwrapper will take a full space from dropdown menu to the bottom, and the right column will go outside mainwrapper, so it will be at the white space..

hope i could make you understand what i mean to.. :blush:

Hi, I'm new to zen cart and have downloaded the Apple_zen template (which I love BTW! thanks).

I've spent hours and hours reading and figuring things out via this search forum and Google, but I'm just going to break down and ask this question for right now.

My site is http:// melissadavisphotography.com/ templatesforyou

Firs of All, I like the look of the CSS drop down menu. I've unzipped it, but am not sure which file to add it into via my ftp system? Does this drop down menu take the place of the one that is currently there (home & Testing on my site)? I tried installing it to a few different areas of my template, but nothing happened.

Sorry if that is a totally dumb question! :blush: Thanks for the help!

How do I change the order of the pages in the "information" drop-down? Can you tell me which file to edit and I can take it from there. Thanks!!

GoNinja:

How do I change the order of the pages in the "information" drop-down? Can you tell me which file to edit and I can take it from there. Thanks!!

try to edit the tpl_drop_menu.php
located in
/YOUR PATH/includes/templates/apple_zen/common/

that will help you.. :D:D

Okay so forget the question above. I am not just really frustrated and not sure what to do. My site looks and works differently in IE and firefox. I am at a loss and just might wash my hands of zen cart. How am I supposed to make it work in one browser and have it be the same in all others?!! :no:

fiiuuhh..
finally, i can make it..

now i need another help from you jet..

can you look at my another site, http://ourlivestore.com/index.php

why when i go to contact_us pages, the layout change a little bit ??

thank you for your help jet..

I'm wondering if someone can help out a lost newbie... (site is https://www.sistersecrets.net)

All I need to do is get a 1000x168 logo at the top of the apple zen template. I followed the instructions exactly, but I can't seem to get it. It worked for firefox at one time, but not for IE. Currently it is shown at the top above the menus like I want, but the image is cut off about 3/4 of the way across. Here is the stylesheet.css I have:

h4.optionName {
line-height:1.5em;
padding-right:1em;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerB
oxContentsAlsoPurch, .attribImg {
float:left;
}
#logo {
#float:left; /* to center your logo, uncomment the "text-align:center;margin:0
auto" below. Also remove "float:left" /
text-align:center;
margin:0 auto;
width:1000px;
}
#logo {
#width:19.1em; / To prevent the logo from resizing, simply delete or comment o
ut this section */
}
LABEL.inputLabel {
width:85%;
float:left;
margin:.3em 0;

missa425:

Okay so forget the question above. I am not just really frustrated and not sure what to do. My site looks and works differently in IE and firefox. I am at a loss and just might wash my hands of zen cart. How am I supposed to make it work in one browser and have it be the same in all others?!! :no:

Some patience might make things better. :cool:

Do you see the same issues at my test site, http://www.applezen.sagefish.com?

I've worked hard on making it the same in both, so perhaps it is an issue on your end, not zen carts?