Wallet Template - Support Thread

[kuroi]

It's also available for test drive at (sorry, site offline) 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]

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.

FarmGrrl,

For the image you want to use, what are the height and width?

Are you saying if you put in a small image (say something 300px wide) it gets stretched out?

Did you enter in the height and width of your image in
includes/languages/english/wallet/header.php ?

You said for now you'll scale your image to 724, but when I look at your store, both the image itself, and the source code, are saying 758x95.

Mabye I'm not understanding what is happening?

To test a different logo size, I made a fresh store at
http://www.planetofsand.com/CSSTEST/ (also tested some css here, hence the silly name) and put up a 400x150 logo, and also set 400 and 150 into the header.php file.
It appears to be displaying correctly, without any stretching or resizing.

Let me know if your still having the problem and any other details you can think of! I'll certainly try to help.

-zami

[FarmGrrl]

Maybe I misunderstood it, because I wanted it to shrink my image to the width specified in the file. I looked at your logo.gif and changed my image width to match it, so it looks fine. I had thought that the width and height in the header file would change the definition of width and height in the stylesheet, thus resizing the image.

[zami]

ah HAH!

I think I understand what your explaining now.
You have an image that is (just as an example) 300x 50
and you want the broswer to stretch it to the dimensions you specified in header.php?

It seems like that should work but I tried it on my little test page, and sure enough, telling the header.php that my 400x150 picture is really 800x50 did... nothing.

But! You CAN do this in
includes/templates/wallet/common/tpl_header.php

You'll have to take out the snippet of code that calls for the logo and put in static html for the image.

So! (First, make a backup copy of tpl_header.php and tuck it away somewhere for good measure.)

In the tpl_header.php file, around line 69
delete

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

and insert (after changing what's in red to your specifications)

<div id="logo">
<img src="http://www.three-elms.com/shop/includes/templates/wallet/images/banner.jpg" alt="alternate text here or leave blank" width="XXX" height="XXX" align="baseline" border="0" />
</div>

This seems to work fine! In a test store I told tpl_header.php to display my 758x124 logo at 200x200, and indeed it squished it down to 200x200
http://www.planetofsand.com/CSSTEST/

Let me know if this works for you?

Thanks!
zami