Wallet Template - Support Thread

[zami]

I've submitted a new template for download. It can be found here
http://www.zen-cart.com/index.php?ma...roducts_id=336

-based off template_default ZenCart v1.3.5
-tested great in Firefox
-tested great in IE 6*
-has NOT been tested in IE 7
-tested great in Opera
-includes preview picture
-includes needed css and common files
-includes readme file with instructions and suggested settings

*I never did address the issue brought up in this thread
http://www.zen-cart.com/forum/showthread.php?t=45922
because I simply coudln't replicate the problem.

Anyhow, this is a simple template and I hope someone out there can make use of it!

You can give it a test drive at
http://www.sandbox.wild-reed.com
(at least till I take it down!)
It's just the basic ZenCart demo store, so don't you dare try to buy "Bugs Life" from me. I wont send it!

Any feedback would be appreciated, especially should you find any errors.

Thanks!

zami

[kuroi]

It's also available for test drive at zencarttemplates.info and I can confirm that it looks fine in IE7 and Firefox 2 beta.

(It also wins the prize for most helpful readme with a template)

[zami]

GACK! Some of the heading links are huge ... and YELLOW.
That will not do at all.
I remember altering those, but clearly the changes never made it to the stylesheet I actually made available. Ehem. I'm going to have to fix that.
((yes, I'm a tad emberassed now))

Thanks so much for adding it to your testdrive page Kuroi. That's much appreciated!

And also for taking a peek at it in IE 7 (I'm using Linux and it was enough work to jimmirig IE 6 to run... I've no interest in wrestling with IE 7 right now!)

And Kuroi, I am so releived you used the word "helpful" (and not "remedial" or "long-winded") to describe the readme file.

Thanks again!

-zami

[Sketchy]

Did you validate the stylesheet of the contributed version, so it's error free?

In Firefox and MSIE7, the "Add Selected Products", "Add To Cart", and "Submit The Information" text supercedes the button.

In MSIE7, there is a bit of "green" space underneath the logo, the buttons are sort of weird(ie "Back"), and the center column box side borders don't extend down all the way.

Other than that, it's nice.

[FarmGrrl]

The header width and height do not seem to be honored. My shop at http://www.three-elms.com/shop shows my header image spanning wider than yours did, even though I've kept the height and width the same as in your file. Changing those numbers doesn't seem to change the image size at all. Yes, I can scale my image, but it seems a little odd. Let me know if you need more info. Meanwhile I'll scale my image to a width of 724px. I guess the other option would be to make the content div wider.

[zami]

Sketchy, thanks for the feedback! I've made some fixes and changes, and will update the template in the downloads tonight.

FarmGrrl, I'll take a look at your site (probably this evening) and try to see what the header problem is.

I'll also address the problem with some of the headers being over sized and post the changes to the stylesheet needed to fix them.

Sorry for the non-response response here, but I'm up to my eyeballs in kids at the moment!

-zami

[zami]

Updates for version 1.2 (pending approval as of Oct 23rd)

+ Fixed errors in the file stylesheet.css

+ Added instructions regarding Side Box width inside Column width in the readme file.

+ Box Headings and Center Box Headings Links have been "fixed" to display uniformaly (and look better!)

+ The file stylesheet_css_buttons.css has been overhauled to fix width and vertical alignment problems.

If you're using the Wallet theme and have customized it, I'll be posting the specific changes made in the next post(s).

If your using the Wallet theme but haven't made any changes, it will probably be simpler to just install it again.

-zami

[samad64]

nice template.. clean, simple.. yet very eye catching :). Ill be giving this a test run on my test site shortly

[zami]

Main Stylesheet Changes

The following errors have been fixed.
---------------------------------------------

#ezPageBoxList li {
	margin: 0;
	padding: 0.2em. 0em;
	}

to

#ezPageBoxList li {
	margin: 0;
	padding: 0.2em 0em;
	}

-----------------------------------------------
AND (around line 830)

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .additionalImages, .gvBal, {
	text-align: center;
	}

to

just take the , out from behind .gvBal

------------------------------------------------
AND (around line 916)

.wrapperAttribsOptions {
	vertical-align: top;
	margin: 5px;
	float: center;	
	}

to

.wrapperAttribsOptions {
	vertical-align: top;
	margin: 5px;
	float: none;	
	}

[zami]

The Box Headings and Center Box Headings Links have been "fixed" to display uniformaly (no more huge yellow text!)

.leftBoxHeading, .rightBoxHeading {
	text-align: center;
	margin: 0em;
	padding: 0.5em 0.2em;
	}

to

.leftBoxHeading, .rightBoxHeading {
	text-align: center;
        padding: 0px;
        font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
	color: #FFFFFF;
	background-color: #699B82;
	}

And

/*   LINKS   */
a:link, #navEZPagesTOC ul li a, #reviewsHeading a:link{
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
 
a:visited, #navEZPagesTOC a:visited, #reviewsHeading a:visited {
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover , #reviewsHeading a:hover {
	font-size: 1em;
	color: #FFC7AD;
	}

to

/*   LINKS   */
a:link, #navEZPagesTOC ul li a, #reviewsHeading a:link, #featuredHeading a:link, #whatsnewHeading a:link{
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
 
a:visited, #navEZPagesTOC a:visited, #reviewsHeading a:visited , #featuredHeading a:visited, .whatsnewHeading a:visited {
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover , #reviewsHeading a:hover, #featuredHeading a:hover, #whatsnewHeading a:hover {
	font-size: 1em;
	color: #FFC7AD;
	}

AND

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1.3em;
	color: #ffffff;
	}

to

h3.leftBoxHeading, h3.leftBoxHeading a:link {
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	}