"ZenCart Zen" Template Support

[SPH]

Hi Clyde,

Been looking for the right template/look for over a year now; looked at almost every free template (and more than a few paid ones) and downloaded for testing some. Last night I installed on test site one I thought I never would: zencartzen - http://www.prom-mart.com/

Actual download looks quite a bit different than shown on demo; but maybe better than I expected. Quick button change and this really looks nice.

You really do put some nice touches in your templates!

Of course, some questions:

1. The handheld_stylesheet - is this for mobile devices?

2. The date upper right, looks a little blury to me. How can I try it un-bolded?

3. Validation is among first thing I check with template testing. Zencartzen is green/pass html validation, but I get some 54 errors with css validation here. Do you think this a big problem with either browsers or google/search engines?

http://jigsaw.w3.org/css-validator/

Looking for right template to build in to a Lightinthebox ;) Maybe zencartzen is it; next up your customer service footer mod.

Thanks.

sph

www.prommart.com - live site ic-atheme template
www.prom-mart.com - test site zencartzen

PS: Been looking hard at your Mystic River template for some time, even downloaded it again last night with zencartzen for possible revisit. Colors are out there but could work with our biz. Main thing is the logo/yellow-orange header we could never work with.

[clydejones]

Hi Clyde,

Been looking for the right template/look for over a year now; looked at almost every free template (and more than a few paid ones) and downloaded for testing some. Last night I installed on test site one I thought I never would: zencartzen - http://www.prom-mart.com/

Actual download looks quite a bit different than shown on demo; but maybe better than I expected. Quick button change and this really looks nice.

You really do put some nice touches in your templates!

Of course, some questions:

1. The handheld_stylesheet - is this for mobile devices?

2. The date upper right, looks a little blury to me. How can I try it un-bolded?

3. Validation is among first thing I check with template testing. Zencartzen is green/pass html validation, but I get some 54 errors with css validation here. Do you think this a big problem with either browsers or google/search engines?

http://jigsaw.w3.org/css-validator/

Looking for right template to build in to a Lightinthebox ;) Maybe zencartzen is it; next up your customer service footer mod.

Thanks.

sph

www.prommart.com - live site ic-atheme template
www.prom-mart.com - test site zencartzen

PS: Been looking hard at your Mystic River template for some time, even downloaded it again last night with zencartzen for possible revisit. Colors are out there but could work with our biz. Main thing is the logo/yellow-orange header we could never work with.

1. Yes, but you can delete the stylesheet if you wish.

2. open includes/templates/zencart_zen/css/stylesheet.css
find the following declaration and delete the highlighted portion:

.date {
padding-left:5px;
position: absolute;
top: 97px;
right: 20px;
color:#000;
font-weight: bold;
text-align: left;
font-size: 1.2em;
line-height:normal;
text-shadow: 2px 2px 2px #DFDFDF;
filter: Shadow(Color:#DFDFDF, Direction:135, Strength:2);
}

3. those errors are pointing out several CSS3 rules. These are perfectly valid rules, its just that the css validator is not up to date with CSS3

[SPH]

Thanks.

Why would I want to delete the handheld stylesheet? I'm excited that this is another nice touch you gave to the template. Does it not work well or somehow interfere with main site?

The sheet is definitely where it should be on my server, but I cannot see it in View Source. Perhaps only shows with a device? (Which I do not have.) I notice that the product info sheet only shows when I'm on a product.

Your template seems more sophisticated than the other templates I've really tested. Undoubtedly a function of zencart that I've never really mined.

I'll have to read through this thread for this theme.

SPH

[clydejones]

Thanks.

Why would I want to delete the handheld stylesheet? I'm excited that this is another nice touch you gave to the template. Does it not work well or somehow interfere with main site?

The sheet is definitely where it should be on my server, but I cannot see it in View Source. Perhaps only shows with a device? (Which I do not have.) I notice that the product info sheet only shows when I'm on a product.

Your template seems more sophisticated than the other templates I've really tested. Undoubtedly a function of zencart that I've never really mined.

I'll have to read through this thread for this theme.

SPH

The sheet is definitely where it should be on my server, but I cannot see it in View Source. Perhaps only shows with a device? (Which I do not have.)
It will only be used by the device it is meant for.

I notice that the product info sheet only shows when I'm on a product.
Correct. this is a "page specific" stylesheet and will only be used when you are on the product info page.

[SPH]

Thanks.

I read through the entire thread. Sorry about the css validation question, which you answered in post #172.

http://www.prom-mart.com/night-moves...ght-moves-6260

1. Am I using the latest version of this template? Mine does not have the red View Cart button, as shown on your site. I got mine last night from zencart downloads area after reviewing the template again at (sorry, site offline). I might like the red tab; how might I add it?

2. I don't intend to re-hash the lengthy css/list topic, but did you take the bullet point off of the Model and Manufacturer by design? I notice that the demo at (sorry, site offline) has bullet points. I might want them.

3. My tpl_product_info_display is one I made since coming to zencart several years ago, using a table. If I want to use yours, how wide can the photo be without the text intruding over the photo?

Thanks.

[SPH]

Looking at the product stylesheet...image width /*250px*/ widest to use your tpl product info display without text intrustion? My photo is 275px wide. I'll test soon.

[SPH]

http://www.prom-mart.com/night-moves...ght-moves-6260
http://www.prom-mart.com/alyce-designs/alyce-8886

Looks like 200px wide for main product pic is about max before text intrudes over pic. Thank the zc community for Image Handler! 200px could work, might even speed up the site a tad when I get to that.

I'm guessing, but is your product info display originally designed for a 100%/fluid site, perhaps to help fill-in some space on wide screens?

[clydejones]

1. Am I using the latest version of this template? Mine does not have the red View Cart button, as shown on your site. I got mine last night from zencart downloads area after reviewing the template again at (sorry, site offline). I might like the red tab; how might I add it?


2. I don't intend to re-hash the lengthy css/list topic, but did you take the bullet point off of the Model and Manufacturer by design? I notice that the demo at (sorry, site offline) has bullet points. I might want them.

I'm guessing, but is your product info display originally designed for a 100%/fluid site, perhaps to help fill-in some space on wide screens?

1. create 2 new tab images, add 4 new declarations to stylesheet.css and modify several lines of code in tpl_header.php

2.
Add the following to includes/templates/zencart_zen/css/product_info.css

#productDetailsList ul li {
list-style:disc;
}

No, it was designed specifically for the ZenCart_zen template.

[SPH]

2.
Add the following to includes/templates/zencart_zen/css/product_info.css

#productDetailsList ul li {
list-style:disc;
}

http://www.prom-mart.com/night-moves...ght-moves-6260

1. Bullets didn't work. I've been going over thread but seems like prior issue with list was different.

2. If I downloaded template from your site, would it already have the red View Source tab?

3. I enabled the top category tabs, just in case may want them in future. But they are vertical. How can they be made horizontal?

Regardless, I like this template enough to hopefully bring to main site today.

SPH

[clydejones]

http://www.prom-mart.com/night-moves...ght-moves-6260

1. Bullets didn't work. I've been going over thread but seems like prior issue with list was different.

2. If I downloaded template from your site, would it already have the red View Source tab?

3. I enabled the top category tabs, just in case may want them in future. But they are vertical. How can they be made horizontal?

Regardless, I like this template enough to hopefully bring to main site today.

SPH

1. use the following:

#productDetailsList {
padding-left: 1em;
list-style:disc;
}


2. no, it is the same thats available in the forum downloads section.

3. open includes/templates/zencart_zen/css/stylesheet.css

find the following section:

ul#navCatTabs {
	margin: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	list-style-type: none;
	}
ul#navCatTabs li a {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	text-decoration: none;
	float:left;
	display: inline;
	color: #000;
	background:#FFC15F;
	white-space: nowrap;
	}
ul#navCatTabs li a:hover {color: #854401;background:#EEAA3B;}

and replace it with the following:

#navCatTabs ul{
	margin: 0;
	padding: 0.5em 0.5em 0em 0.5em;
	list-style-type: none;
	}
#navCatTabs ul li a {
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	text-decoration: none;
	float:left;
	display: inline;
	color: #000;
	background:#FFC15F;
	white-space: nowrap;
	}
#navCatTabs ul li a:hover {color: #854401;background:#EEAA3B;}