Apple Zen Support Thread

jonisolis:

Dear Jade,

On my product pages my check boxes are on an angle; they are not lining up with each other. You have to look at the page to understand:
http://www.horse-logos.com/arab-flag-arabian-horse-clip-p-6.html

Also can you tell me where/what I need to change to add a bit more space between the name of the product option and the option choices. Thanks!

Put this code into your stylesheet and it will be fixed!

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

I had this...

.wrapperAttribsOptions {
margin:0.3em .9em 0;
}

Now I have this...

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

That straightened out the boxes but I still would like a little more space between the options and between the option names and choices

What do I have to play with for that?

jonisolis:

I had this...

.wrapperAttribsOptions {
margin:0.3em .9em 0;
}

Now I have this...

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

That straightened out the boxes but I still would like a little more space between the options and between the option names and choices

What do I have to play with for that?

To get more space the the right of the option names (like after "Image Files" and "Web File Formats" and "Print File Formats"), you can change the h4.optionName section TO this (the 1em controls the padding-right):

h4.optionName {
	line-height:1em;
	padding:0 1em 0 0;
	}

To have more space between each specific option, change the section below TO:

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.5em .5em .2em 0;
}	

You'll also need to add this (the line height affects the padding between each specific option, and the padding-bottom adds space between the different attribute option sections):

.wrapperAttribsOptions {line-height:2em;padding-bottom:1em;}

Dear Jade, Thank you. I have my space now but my little boxes are stair stepping again. Sorry to be such a pain in the butt, but can you check that?

http://www.horse-logos.com/arab-flag-arabian-horse-clip-p-6.html

jonisolis:

Dear Jade, Thank you. I have my space now but my little boxes are stair stepping again. Sorry to be such a pain in the butt, but can you check that?

http://www.horse-logos.com/arab-flag-arabian-horse-clip-p-6.html

Yeah sorry, I posted that before checking in IE.

Try changing the line-height of .wrapperAttribsOptions

I know that line-height:2.5em will work, I'm not able to test right now, but 2.4 or 2.3 might work as well.

2.4em worked. I am using the Firefox browser; I haven't checked it in IE yet.

All I can say is that this template is amazing! I am having a problem with a product page of mine that is shifting down in IE6. I used the help in this thread to fix the problem of the info shifting down like the create account page but now a different page is doing it. I am using zen cart 1.3.7 and the latest version of apple zen. The problem page in IE6 is http://www.clglampwork.com/zencart/index.php?main_page=index&cPath=2 but it works fine in IE7 and FireFox. Thank you for any help in advance!

algirard8:

All I can say is that this template is amazing! I am having a problem with a product page of mine that is shifting down in IE6. I used the help in this thread to fix the problem of the info shifting down like the create account page but now a different page is doing it. I am using zen cart 1.3.7 and the latest version of apple zen. The problem page in IE6 is http://www.clglampwork.com/zencart/index.php?main_page=index&cPath=2 but it works fine in IE7 and FireFox. Thank you for any help in advance!

I think its because of the long line in the sidebox: Blue/Turquoise/Aqua (10)

In Firefox and IE7, that hangs of the side of the page, and doesn't increase the width of the sidebox, while in IE6, the sidebox is expanding to contain it, therefore there isn't enough room for the center content (so it shifts down).

My advice is to either find a way to shorten that category name, or tell me you don't want to do that, and you'll have to expand the sidebox in all browsers to avoid that issue. Removing the lines before the subcategories may help as well.

Hello All!

I've updated this mod to version 1.8. This version adds some code to additions_to_.htaccess, some changes to includes/templates/apple_zen/css/stylesheet_header_menu.css, and changes to includes/templates/apple_zen/css/stylesheet.css.

This version is kind of rewrite for form issues so that there are fewer problems between browsers. I've cleaned up the form css as well, I was over-styling things a bit there.

Well I can shorten it but how long can it be do you think. I also had some other questions. In the apple zen demonstration site there are buttons for checkout and shipping estimator while it is only text in mine. I was wondering how to change those to buttons. Also In the shipping estimator box I would like to move the update button to underneath the zip code box. Thank you for all the help. I'm slowly learning everything!

algirard8:

Well I can shorten it but how long can it be do you think.

I would just keep testing till the issue went away. You can also remove the lines before the subcategories in your admin under "Configuration", "Layout Settings':
Categories Separator between the Category Name and Sub Categories

algirard8:

I also had some other questions. In the apple zen demonstration site there are buttons for checkout and shipping estimator while it is only text in mine. I was wondering how to change those to buttons. Also In the shipping estimator box I would like to move the update button to underneath the zip code box. Thank you for all the help. I'm slowly learning everything!

Are these buttons in these folder?

/includes/templates/apple_zen/buttons/english/button_shipping_estimator.gif
/includes/templates/apple_zen/buttons/english/button_checkout.gif

As far as the shipping estimator issue, I think you'd need to address that in includes/templates/YOUR_TEMPLATE/templates/tpl_shipping_estimator.php

Though I'm not positive, and not in the position to verify that at the moment.

Yes all of the button files are in the correct place on the website but they are still showing up as just text links. The link here http://www.clglampwork.com/zencart//includes/templates/apple_zen/buttons/english/button_shipping_estimator.gif proves that the button is on the site. Is there a setting somewhere that is set to only show text links and not button links or something.

Sorry for all of the questions but I am trying to learn all that I can. I changed the categories to products in the css navigation menu but it did not change it in the categories side box. I was wondering how to change that. Thanks

Ok I figured out the buttons. There was a setting in the admin under layout setting for css buttons instead of the picture buttons. I just set that to off. So all that I have left is fixing the Categories side box title to products. Thank you!!!

algirard8:

Yes all of the button files are in the correct place on the website but they are still showing up as just text links. The link here http://www.clglampwork.com/zencart//includes/templates/apple_zen/buttons/english/button_shipping_estimator.gif proves that the button is on the site. Is there a setting somewhere that is set to only show text links and not button links or something.

Sorry for all of the questions but I am trying to learn all that I can. I changed the categories to products in the css navigation menu but it did not change it in the categories side box. I was wondering how to change that. Thanks

Hi!

The Categories will be in a language file. Do a search in your "Tools", "Developer's Tool Kit" for "Categories". You can restrict it to search only language files, and that will tell you right where you need to go.

You can also help your long category name issue by decreasing the padding, you can change #categoriesContent to this;

#categoriesContent {
text-align:left;
padding-left:8px;
}

Thank you for all of the help!!! I have just a few more questions. I was thinking of adding a button to the drop down menu but i wasn't sure what to add to make it work. I know its in the tpl_drop_menu.php. Also I would like to be able to display the model number in the shopping cart. Thank you again for this great template and all of the help!!!

Thank you for the wonderful template.When using IE I get a scripting error coming from /includes/css.hover.htcIs there a fix for this? Thanks in advance,Julie

algirard8:

Thank you for all of the help!!! I have just a few more questions. I was thinking of adding a button to the drop down menu but i wasn't sure what to add to make it work. I know its in the tpl_drop_menu.php. Also I would like to be able to display the model number in the shopping cart. Thank you again for this great template and all of the help!!!

What kind of button? A seperate actual button image, or just want one of the menu chunks to be clickable. If you explain more what you want it to do, I may be able to help.

As for the model #, I'm not sure about that, I would ask as a separate question in one of the other forum categories.

julie.t:

Thank you for the wonderful template.When using IE I get a scripting error coming from /includes/css.hover.htcIs there a fix for this? Thanks in advance,Julie

Download the newest version, and add the text in additions_to.htaccess to your .htaccess file. I think that'll take care of it. :cool:

I was wondering how to add a button to the navigation bar. I wanted to add a button next to the shopping cart button. Also I would like to know how to add like another page like under the information button. I am adding a faq page and would like to add it in either of those two spots which ever one is easier. Thanks for the help.

Great template!;)
I like the colors combination and the layout!:)
Nice looking and easy to use!
Thanks