Apple Zen Support Thread

kot1978:

Problem: hover effect does not work on all pages.

Installed: zen 1.3.8 NEW Clean install
Installed: IH2

I cant get all the pictures to come up.
The picture resize engine only hovers pictures in "sidebox review" and on "product details page(in additional pictures ex: picflower_morepics.jpg)"

Tried 3 installs:
First install was made over classic template.
Second install was made over APPLE ZEN template.
Third install(listed in installation order) was CLEAN INSTALL(where the public_html was wiped out, zen1.3.8 reinstalled, but database linked was old database file),than IH2 reinstalled.

I figured i have to add code to the pages like "all product" and "new products".
What type of code am i adding?

Thank you for input.
Your advise is greatly apprecieated.
Chris

This isn't an apple zen issue.

You should check in the IH2 thread.

IH2 is great, but extremely buggy. Sometimes messing around with the image sizes in "configuration", "Images" solves that problem, for example, try using odd numbers instead of even, etc.

All products and new products should work automatically, you don't need to add any code, see my test site as an example. (http://www.zencart137.jadetrue.com)

Hello Jade,

I just encountered an issue I can't figure out. I enabled banners (header 3 position) on the main page only. I added: "float:left;" (so that the banner is only in the center column) in the following section:

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
float:left;
padding:1.2em;
}

Anyway, there is a gap above the sideboxes same height as the banner. I messed around with the following area:

#navColumnTwo, #navColumnOne {
float:left;
position:relative;
width:20%;
padding-bottom:20px;
}

I added padding-top:0px!important; vertical-align:top; but nothing seemed to work. Also, this only occurs on the main page. Do you have any idea? thx

I wanted to add a pix for further clarification.

http://www.mediafire.com/imageview.php?quickkey=2adq9lobvzy&thumb=4

cache529:

Hello Jade,

I just encountered an issue I can't figure out. I enabled banners (header 3 position) on the main page only. I added: "float:left;" (so that the banner is only in the center column) in the following section:

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
float:left;
padding:1.2em;
}

Anyway, there is a gap above the sideboxes same height as the banner. I messed around with the following area:

#navColumnTwo, #navColumnOne {
float:left;
position:relative;
width:20%;
padding-bottom:20px;
}

I added padding-top:0px!important; vertical-align:top; but nothing seemed to work. Also, this only occurs on the main page. Do you have any idea? thx

Could you send a link? The banner may be just a tad too wide.

jettrue:

Could you send a link? The banner may be just a tad too wide.

sorry, I'm building the site on my local machine. I dramatically reduced the width of the banner, but it's still the same. I think I might upload to server...and get you that link.

cache529:

sorry, I'm building the site on my local machine. I dramatically reduced the width of the banner, but it's still the same. I think I might upload to server...and get you that link.

What happens if you get rid of the float:left. You shouldn't need it to keep it in the center page section.

jettrue:

What happens if you get rid of the float:left. You shouldn't need it to keep it in the center page section.

if I remove float:left from this section:

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
float:left;
padding:1.2em;
}

the banner gets centered cross the whole page (center column & side box). The banner protrudes partially into the side box (if wide enough) and looks a little awkward. If I increase the banner width to 780px to that it'll take up the whole width...it doesn't look too bad after I change the color of the sidebox bg to match the center column. This actually looks pretty good. The way I initially wanted it to look was probably too left heavy anyway...hehe. I guess I was so into trying to make it do what I want, but you had me thinking differently. Thanks! :D

Thank you for help with IH2.
Problem solved.

I have a question on EI6 bug. What is the source code for htaccess file?

thank you guys, you are great.

kot1978:

Thank you for help with IH2.
Problem solved.

I have a question on EI6 bug. What is the source code for htaccess file?

thank you guys, you are great.

Sorry, I'm not following your question above.

Can the drop down menus be done in multiple languages?

Thanks

i'm sorry.

Apple zen template does not work on internet explorer 6.

what can i do?
thankx

kot1978:

i'm sorry.

Apple zen template does not work on internet explorer 6.

what can i do?
thankx
Sure it does. It's working on my test site. Read the readme.txt for more information on making it compatible with IE6.

breezyr:

Can the drop down menus be done in multiple languages?

Thanks

Yes, by using language files, just duplicate any language file I've created for the drop down, into the language folder for your second language, with the new language defines. If you are unfamiliar with using multiple languages, I'd search the FAQ (see link at the top of the site) for some related articles.

Hi.
i've read info.txt
i've tried both configurations of .htaccess

(example.com -> https://www.example.com) all formating on page crashed, all pictures do not appear.

(https://www.expample.com -> example.com) drop down menu appears larger than browser can display.

what am i doing wrong?
Thank you,
Chris.

PS. what's better https://www.example.com or http://example.com?

PS. Firefox browser works just fine.
IE6 and IE7 Crashes formatting of drop down menu bar lenth. It makes it longer than viewable page and all side boxes do not appear on main page(user has to scroll to right).

Thank you.

PROBLEM SOLVED.....
THANK YOU.:clap:

jettrue:

Try adding your background images to #centerColumnWrapper2b in the stylesheet.css.

ahh perfect, thank you! :D

The final thing I would like to do is to round to bottom corners of that same area I just added the background image to.

I'm off to do a search on the forums to see which will be the easiest/best way to go about it. Any tips/suggestions will be most welcome if you have the time/knowledge to do so.

Thanks again for your time :D

jettrue:

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

I would like mine to be wider but I have not found any instances of "width"68em" in the specified stylesheetcss file. which lines of code should I be looking for?

I am having a lot of trouble getting my logo to appear properly, can anyone help. The site I am woking on is decaldreams.com and here is the image that I would like displayed nice and clear up at the top. http://www.zen-cart.com/forum/attachment.php?attachmentid=3802&d=1208549748

:unsure:

alillowr:

I am having a lot of trouble getting my logo to appear properly, can anyone help. The site I am woking on is decaldreams.com and here is the image that I would like displayed nice and clear up at the top. http://www.zen-cart.com/forum/attachment.php?attachmentid=3802&d=1208549748

:unsure:

This section from the readme can help you:

** STEP 5. To use your own logo, simply overwrite "logo.gif" that is located in includes/templates/apple_zen/images/ and upload. You can create an image that is larger than it is designed to be viewed, so that when someone increases their font size, the image will enlarge also. If your logo is a lot wider or narrower than the one I designed, you may need to adjust this section in the stylesheet (includes/templates/apple_zen/stylesheet.css):

#logo {

width:19.1em

}

To keep your logo from resizing, remove

#logo img {

width:100%;

}