Cherry Zen Template Support Thread

New install of Zencart 1.3.8 and cherry zen; Following instuctions for a left column sidebox only gives a strange result as the sideboxes show way off the left.
test site: http://zencart.shevchenkomusic.com/
No add ons installed, just getting back to zecart after couple of years...
Cannot figure out what I am doing wrong...
Veronika

Veronika7747:

New install of Zencart 1.3.8 and cherry zen; Following instuctions for a left column sidebox only gives a strange result as the sideboxes show way off the left.
test site: http://zencart.shevchenkomusic.com/
No add ons installed, just getting back to zecart after couple of years...
Cannot figure out what I am doing wrong...
Veronika

never mind, I just need new glasses!:blush:

up, no one? :huh:

gamesmart:

I want to modify the file:

includes/template/cherry_zen/sideboxes/tpl_search_header.php

in my site:

https://www.gamesmart.it

like this:

with Search GIF like pushable search button of course....

Anyone can help me?

Thanks! :blink:

For some reason, when you click the larger image button in a listing, the pop up window comes on but the image does not appear in the box. The images are where they should be in the /image directory and the small ones appear. See example below.

http://www.educatorsbookbag.com/store/index.php?main_page=product_info&products_id=134

any help would be appreciated! Thanks

Is it possible to have one of the links across the top set at a wider value?

I'm using a mod so that it shows the customers first name when they are signed in, however, the box doesn't stretch to fit the name.

Is it possible to either set the "My Account" link to a different width, or perhaps have it so all the buttons vary their length to fit the text in them?

JeffM:

For some reason, when you click the larger image button in a listing, the pop up window comes on but the image does not appear in the box. The images are where they should be in the /image directory and the small ones appear. See example below.

http://www.educatorsbookbag.com/store/index.php?main_page=product_info&products_id=134

any help would be appreciated! Thanks
I put the page through the W3C Validator - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.educatorsbookbag.com%2Fstore%2Findex.php%3Fmain_page%3Dpopup_image%26pID%3D134&charset=%28detect+automatically%29&doctype=Inline&group=0
I see two problems:

1. There is a comment that starts before the 'function resize()' line but it isn't closed at the end of the function.
2. The resize() function doesn't have a closing brace i.e. '}'

Hello
I have two formatting problems that I am not sure if it is the template or not...I suspect that there is a change that is made in the template files to change this since the Nifty Zen and other template I have used didn't give me this problem.

First is that my image and manufacture show up on the same line in the product listings - seen here -
http://www.monkeyenterprises.com/index.php?main_page=index&cPath=66_95_96

Second - I did make some changes to the tpl_product_info_display.php and got close to the style I want. I would like the Add to Cart button more over to the left and the attribute to line up better under the product detail. Seen here -
http://www.monkeyenterprises.com/index.php?main_page=product_info&cPath=79&products_id=271

My other wish would be to have the top menu bar (home-login-my account-shopping cart-checkout) to sit on the left side of the page.

Thanks for any help you can give me or lead me to the right direction!
Mona - a beginner at this

stxmona:

Second - I did make some changes to the tpl_product_info_display.php and got close to the style I want. I would like the Add to Cart button more over to the left and the attribute to line up better under the product detail. Seen here -
http://www.monkeyenterprises.com/index.php?main_page=product_info&cPath=79&products_id=271 In stylesheet.css, look for '#cartAdd' and change 'float:right;' to 'float: left;'
stxmona:

My other wish would be to have the top menu bar (home-login-my account-shopping cart-checkout) to sit on the left side of the page. Look for #navMain in stylesheet.css and, again, change 'float: right;' to 'float: left;'

This will not move it all the way left. I am not sure what is preventing this.

daymobrew:

In stylesheet.css, look for '#cartAdd' and change 'float:right;' to 'float: left;'
Look for #navMain in stylesheet.css and, again, change 'float: right;' to 'float: left;'

This will not move it all the way left. I am not sure what is preventing this.

Thank you! that worked. I also turned off Display Product Manufacturer in Configure/Product Listing from the Admin Panel to fix my other problem.

Thanks again for your help daymobrew!
Mona

daymobrew:

I put the page through the W3C Validator - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.educatorsbookbag.com%2Fstore%2Findex.php%3Fmain_page%3Dpopup_image%26pID%3D134&charset=%28detect+automatically%29&doctype=Inline&group=0
I see two problems:

1. There is a comment that starts before the 'function resize()' line but it isn't closed at the end of the function.
2. The resize() function doesn't have a closing brace i.e. '}'

Thanks. Forgive me, but what file should I look in? Thanks

JeffM:

Thanks. Forgive me, but what file should I look in? Thanks

Nevermind! I found it. Thanks

GGVL:

'Add to Cart' button AND a 'More Info' button or link

On the category / product listings pages, how do I have both the 'Add to Cart' button AND a 'More Info' button or link?

It seems to be either one or the other.
If I have the 'Add to Cart' button, I don't get the 'more info' link
If I turn off the 'Add to Cart' button, I get the 'more info' link.

Surely you can have both?

Ideally I would like 'More Info' and 'Add to Cart' buttons side by side.

This is using the column grid addon included with the excellent Cherry Zen template.

Any pointers would be very much appreciated.
Thanks in advance.

Anybody got any ideas or suggestions on how to do this?
Many thanks

Hi:

I am having a problem when I click on the "larger image" the image blows up way out of proportion to where it should be.
I have no idea what has happened. Can someone tell me how to fix this? I have looked at other post and I can not find the answer. Thanx

Mark

http://classic-flatware.com/index.php?main_page=product_info&cPath=3_39&products_id=1

Golden Synergy:

I am having a problem when I click on the "larger image" the image blows up way out of proportion to where it should be.
I have no idea what has happened. Can someone tell me how to fix this? I have looked at other post and I can not find the answer.

http://classic-flatware.com/index.php?main_page=product_info&cPath=3_39&products_id=1 The thumbnail image is MASSIVE. It is a 1.8MB file with dimensions 2256x1496px. It takes an age to load.
You should make the thumbnail version much, much smaller (it is displayed at 150x99px) and the large version smaller too.

Thank you. I appreciate your help. What size should I reduce my photos to? The small image size that my camera saves to is 1504 x 1000.

Mark

Golden Synergy:

Thank you. I appreciate your help. What size should I reduce my photos to? The small image size that my camera saves to is 1504 x 1000. Don't change the settings on the camera, but edit the images after you upload them to your camera.
If you are on Windows you can do basic editing with Paint.
I think you should keep the large image no bigger than 1024x800 (I'm open to other input on this figure) and the small one at 150x100.

Hey everyone i am kind of new to zen cart but for the most part know my way around it but i am using Zen Cart 1.3.8a with the cherry zen template. the website looks and loads just fine on Firefox but when i try and view it on IE it only loads half the site and then just sits there saying it is still loading but never does. I am using IE 8 and the browser is set to all the default setting i havn't touched it because i never use it i was just checking it to see if the site works fine across all browsers. my website is http://www.dannaoshee.com
if anyone has any ideas on how to fix this i would greatly appreciate it.

daymobrew:

Don't change the settings on the camera, but edit the images after you upload them to your camera.
If you are on Windows you can do basic editing with Paint.
I think you should keep the large image no bigger than 1024x800 (I'm open to other input on this figure) and the small one at 150x100.

Thank you.
I changed one of my test pictures and every thing is working good. I am using photo shop elements 7. I am finally understanding a bit more about the way Zen cart does things. The next thing I will do is check out why we need large ,medium, and small picture files.

Thanx again
Mark

I am stuck trying to find out where the gif files are for the home, log in, my account, shopping cart, check out tabs. These are the ones on the right side of my site. If you hover over that part of the site they lighten up. I think I have something backwards. Where are these files at?

I have customized my site, but I now need to find those gif files so I can color them to match my site.

https://www.classic-flatware.com

Mark

Golden Synergy:

I am stuck trying to find out where the gif files are for the home, log in, my account, shopping cart, check out tabs. These are the ones on the right side of my site. If you hover over that part of the site they lighten up. I think I have something backwards. Where are these files at?

I have customized my site, but I now need to find those gif files so I can color them to match my site.

https://www.classic-flatware.com
At the top of http://classic-flatware.com/includes/templates/cherry_zen/css/stylesheet.css

/* This section controls the colors for the site. Change red (default) to one of these options: orange, yellow, green, blue, purple, or grey) */
input#searchTop {
	background: url("../images/blue/rounded-search-input-top.gif") top left no-repeat;
}
#navMainWrapper {
	background:url("../images/blue/header.gif");
}
h3.leftBoxHeading, h3.rightBoxHeading {
	background: url("../images/blue/sideboxbg.gif");
}
#navMain a {
	background:url("../images/blue/tableftE.gif") no-repeat left top;
}
#navMain a span {
	background:url("../images/blue/tabrightE.gif") no-repeat right top;
}
#navMain a span.last {
	background:url("../images/blue/tabrightE_last.gif") no-repeat right top;
}
/* end main color changes */

The images are http://classic-flatware.com/includes/templates/cherry_zen/images/blue/tableftE.gif etc