Apple Zen Support Thread

high2K:

I have a work in progress at www.eers.co.uk/catalog. I've modified the template quite a bit through the style sheet, etc but am struggling to get rid of the white space between my main image and the horizontal menu above it. Any idea how I can move everything up a bit? I don't mind having a white space of around 2 pixels, but not this wide band of white.
Thanks in advance.

Its because of this:

You can remove that from tpl_index_default.php, or paste this into your stylesheet:

#indexDefaultHeading {display:none;}

Then your image has a teeny bit of white at the top of it. :smartalec:

julie.t:

On the sub-category pages, I would like to:

2. center the product image, title, description, attributes

3. have the add to cart box right under the attributes

4. write a review and tell a friend side by side under the add to cart boxBasically I want to bring everything closer in on the page and not so spread out. Can anyone tell me which file (s) I need to change? Thank you in advance.

You must mean on the product information pages? The subcategory pages don't have all that stuff on them. :-)

all that would be don in includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display. The nice thing about that file is that every section is nicely separated with handy little hidden tags. So you can just copy and paste the add to cart section, etc., right where you want it.

I must say though, that would seem really narrow and tall to have everything one up on the other like that, but it is doable.

Once you get them in the right order you want, then you'd need to adjust the css.

Hi Jade,

Thank you for your quick response. I was able to move the add to cart box where I want it and am wondering if you could help me with the css.

The only thing I moved was the add to cart box. How can I get everything moved to the center?

Thanks so much for your help.

julie.t:

Hi Jade,

Thank you for your quick response. I was able to move the add to cart box where I want it and am wondering if you could help me with the css.

The only thing I moved was the add to cart box. How can I get everything moved to the center?

Thanks so much for your help.

I think this will get all of it (add the below to your stylesheet):

.back#productMainImage, .back#productDetailsList, #cartAdd, .back.optionName, .wrapperAttribsOptions .back, .forward#productTellFriendLink, .back#productReviewLink{float:none!important;}
#productGeneral, #productDetailsList, #cartAdd {margin:0 auto;text-align:center;}
#cartAdd {border:none!important;}

hrm:

Look under Configuration -> Layout Settings and make sure that your global column settings look like this:
Column Left Status - Global 0
Column Right Status - Global 1

That should do it.

Hi hrm,
I have my cart set up already like this...

Any other ideas what it could be?

A-Anyday:

Hi hrm,
I have my cart set up already like this...

Any other ideas what it could be?

Could I see a link, please?

jettrue:

Could I see a link, please?

http://www.carhil.com.au/store/

Thanks for your time jettrue...

jettrue:

Its because of this:

<h1 id="indexDefaultHeading"></h1>

You can remove that from tpl_index_default.php, or paste this into your stylesheet:

#indexDefaultHeading {display:none;}

Then your image has a teeny bit of white at the top of it. :smartalec:

I've tried both of these methods and neither has made the difference I was looking for. Am I doing something wrong?

A-Anyday:

http://www.carhil.com.au/store/

Thanks for your time jettrue...

I see you switched .centerColumn to float:right; so that the sideboxes would show up on the left? But remember, in layout boxes controller, you need to be sure that you choose "right" column. Or, you can turn the global status of both left and right columns to "1". Then it won't matter if you choose left or right in the layout boxes controller... but the right sideboxes will show up before any left sideboxes.

If you want your sideboxes to be on the left, remember you'll need to flip the content_bg.gif image so that the grey is on the left.

high2K:

I've tried both of these methods and neither has made the difference I was looking for. Am I doing something wrong?

What browser? In FF, the large gap is gone, and there's only a white sliver (from the image).

jettrue:

What browser? In FF, the large gap is gone, and there's only a white sliver (from the image).

Sorry I should have explained. FF gives the desired effect, but not IE

jettrue:

I see you switched .centerColumn to float:right; so that the sideboxes would show up on the left? But remember, in layout boxes controller, you need to be sure that you choose "right" column. Or, you can turn the global status of both left and right columns to "1". Then it won't matter if you choose left or right in the layout boxes controller... but the right sideboxes will show up before any left sideboxes.

If you want your sideboxes to be on the left, remember you'll need to flip the content_bg.gif image so that the grey is on the left.

Hi jettrue - Thanks for taking a look. Actually, no - I would like to keep my boxes in the right hand column as you intended with your template. So, how do I switch my .centerColumn back to normal to make it work? Please forgive my ignorance here!

high2K:

Sorry I should have explained. FF gives the desired effect, but not IE

Since you're not using the little grey stripey image that's below the drop menu, you can get rid of this:

You can find that in includes/templates/YOUR_TEMPLATE/common/tpl_header.php

A-Anyday:

Hi jettrue - Thanks for taking a look. Actually, no - I would like to keep my boxes in the right hand column as you intended with your template. So, how do I switch my .centerColumn back to normal to make it work? Please forgive my ignorance here!

just change .centerColumn back to float:left;

But the above doesn't explain why your sideboxes aren't working. Are both column left and right set to 1? How many sideboxes do you have turned on in "Tools" "Layout Boxes Controller" (remember after changing templates you have to turn any sideboxes you had on back on). Have you made any changes to common/tpl_main_page.php? Maybe try re-uploading that one.

jettrue:

I think this will get all of it (add the below to your stylesheet):

.back#productMainImage, .back#productDetailsList, #cartAdd, .back.optionName, .wrapperAttribsOptions .back, .forward#productTellFriendLink, .back#productReviewLink{float:none!important;}
#productGeneral, #productDetailsList, #cartAdd {margin:0 auto;text-align:center;}
#cartAdd {border:none!important;}

Jade,

This worked great...thank you!
One more question. How can I make the tell a friend and write review boxes to line up horizontally and centered?

julie.t:

Jade,

This worked great...thank you!
One more question. How can I make the tell a friend and write review boxes to line up horizontally and centered?

Add this too:

.forward#productTellFriendLink, .back#productReviewLink {display:inline;}

jettrue:

just change .centerColumn back to float:left;

But the above doesn't explain why your sideboxes aren't working. Are both column left and right set to 1? How many sideboxes do you have turned on in "Tools" "Layout Boxes Controller" (remember after changing templates you have to turn any sideboxes you had on back on). Have you made any changes to common/tpl_main_page.php? Maybe try re-uploading that one.

Hi Jettrue
OK I have changed the .centerColumn back to float:left (I didn't change it before!!)
And to answer your questions: I have 7 sideboxes turned on (I have since changed them all to right with no difference) I haven't made any changes to tpl_main_page.php but I have re-uploaded it anyway. Even so, I cant get the side boxes to show and to be honest I haven't mucked around with the code that much! It seems like something quite small but my many hours of looking I can't put my finger on it.
Please take another look if you wouldn't mind. Thanks, Adam

A-Anyday:

Hi Jettrue
OK I have changed the .centerColumn back to float:left (I didn't change it before!!)
And to answer your questions: I have 7 sideboxes turned on (I have since changed them all to right with no difference) I haven't made any changes to tpl_main_page.php but I have re-uploaded it anyway. Even so, I cant get the side boxes to show and to be honest I haven't mucked around with the code that much! It seems like something quite small but my many hours of looking I can't put my finger on it.
Please take another look if you wouldn't mind. Thanks, Adam
As far as the centerColumn, I did post those exact instructions a few posts back, perhaps you thought I was referring to you? Anyhoo...

Make sure to set the "Left/Right Column Status" to on in the layout boxes controller.

jettrue:

Since you're not using the little grey stripey image that's below the drop menu, you can get rid of this:

<div id="centerColumnOuter"></div>

You can find that in includes/templates/YOUR_TEMPLATE/common/tpl_header.php

Thanks Jettrue. That did the trick, but was actually found in includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

Me again. A client likes the Apple Zen template so much that they've asked me to use it as a base for their new web site. However, they are asking me to have the first drop down menu of product categories always visible [ie. static] , with the subcategories still operating as fly out menu items.
Is this possible? If so, how do I achieve this effect?
Thanks in advance.