Avonlee Contempo Template Support Thread

May I ask 1 more question?
It's possible again due to some modifications I made, but I'm not sure.
The problem is with IE browsers. They shows input fields cursor in incorrect position - out of the fields for about 10 pixels. This happens in all possible fields. And occurs only in IE. Firefox, Opera, Chrome - all renders cursor pointer correctly. I checked default theme with IE and Avonlee in default state - all is fine in IE too.

IE:
[IMG]http://i.imgur.com/PT52Ks.png[/IMG]

[IMG]http://i.imgur.com/0zxYOs.png[/IMG]

Firefox:
[IMG]http://i.imgur.com/72T0Ms.png[/IMG]

[IMG]http://i.imgur.com/WPiovs.png[/IMG]

Gre4ka:

May I ask 1 more question?
It's possible again due to some modifications I made, but I'm not sure.
The problem is with IE browsers. They shows input fields cursor in incorrect position - out of the fields for about 10 pixels. This happens in all possible fields. And occurs only in IE. Firefox, Opera, Chrome - all renders cursor pointer correctly. I checked default theme with IE and Avonlee in default state - all is fine in IE too.

IE:
[IMG]http://i.imgur.com/PT52Ks.png[/IMG]

[IMG]http://i.imgur.com/0zxYOs.png[/IMG]

Firefox:
[IMG]http://i.imgur.com/72T0Ms.png[/IMG]

[IMG]http://i.imgur.com/WPiovs.png[/IMG]

The bug must be caused by some modification you have made. I would do a compare between the original stylesheet and your modified stylesheet.

Thanks,

Anne

Hello,
Great work on all your templates and hat's off on offering them for free...I'll be donating once I'm up and running.

I need a date input and would like to use a simple calendar. I uploaded JS Datepicker and files and folders and attribute code are in right place but not working whatsoever. His support thread is dusty for over a year...so I ask you: Do you know of a easy calendar mod that works with your template?

Many thanks in advance,

Stephen

swjake:

Hello,
Great work on all your templates and hat's off on offering them for free...I'll be donating once I'm up and running.

I need a date input and would like to use a simple calendar. I uploaded JS Datepicker and files and folders and attribute code are in right place but not working whatsoever. His support thread is dusty for over a year...so I ask you: Do you know of a easy calendar mod that works with your template?

Many thanks in advance,

Stephen

Any javascript or jquery calendar will work with the template if they are properly installed ;-)

Thanks,

Anne

Hi Anne,
Thanks for this wonderful contribution.

I notice that the product images don't have alt text attached to them. Is there any way to include a product name or category name as alt text to the product images in the listing pages?

It would increase the SEO and the accessibility.

Thanks,
Tyler Nagel

tnagel:

Hi Anne,
Thanks for this wonderful contribution.

I notice that the product images don't have alt text attached to them. Is there any way to include a product name or category name as alt text to the product images in the listing pages?

It would increase the SEO and the accessibility.

Thanks,
Tyler Nagel

This has nothing to do with the template code. This is zen cart core code. I would recommend posting this to a more appropriate thread for help/feedback.

Also, I do believe that all product images and product images on the product listing pages have dynamically produced alt tags from the product names.

Thanks,

Anne

picaflor-azul:

This has nothing to do with the template code. This is zen cart core code. I would recommend posting this to a more appropriate thread for help/feedback.

Also, I do believe that all product images and product images on the product listing pages have dynamically produced alt tags from the product names.

Thanks,

Anne

Oh, I feel silly. I see they are showing up now. I'm not sure if it was a temporary server glitch or I was just plain too tired, but you're right: there's alt text there now. Oops. And thanks.

Anne, This is the second template of yours I am using. I Love them. I want an image above the nav bar that sits behind the currency, language, logo, and slogan. Is this possible with a style sheet entry or do I need to edit the PHP. How would I go about this?

Thanks in advance,
Shawn

shawnchr:

Anne, This is the second template of yours I am using. I Love them. I want an image above the nav bar that sits behind the currency, language, logo, and slogan. Is this possible with a style sheet entry or do I need to edit the PHP. How would I go about this?

Thanks in advance,
Shawn

Use the stylesheet to add a background image to the #logoWrapper.

Thanks,

Anne

Anne,

I have tried to add and image here is the section I edited and what I edited highlighted in red. What am I doing wrong?

/bof wrappers - page or section containers/
#mainWrapper {background: transparent;text-align: left;width: 950px;vertical-align: top;position:relative; top:0px;}
#contentMainWrapper {background-color:#fff;}
#logoWrapper {background-image: includes/templates/avonlee_contempo/images/02mid.gif;}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin: 0em;padding: 0em;}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
#tagline {color:#b5b5b5;font-size: 1.65em;text-align :left;text-transform:lowercase;vertical-align:bottom;margin-left:10px;margin-bottom:25px;}
#logo {padding-top:15px;padding-left:15px;}
#sendSpendWrapper {border: 1px solid #cacaca;float: right;margin: 0em 0em 1em 1em;}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin: 0;width: 47%;}
.wrapperAttribsOptions {margin: 0.3em 0em;}

#logoWrapper {background-image: includes/templates/avonlee_contempo/images/02mid.gif;}

Should be:

background-image: url(../images/02mid.gif);

I have tried that too. It does not work. Here is what I have right now.

/bof wrappers - page or section containers/
#mainWrapper {background: transparent;text-align: left;width: 950px;vertical-align: top;position:relative; top:0px;}
#contentMainWrapper {background-color:#fff;}
#logoWrapper {background-image: url(../images/02mid.gif);}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin: 0em;padding: 0em;}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
#tagline {color:#b5b5b5;font-size: 1.65em;text-align :left;text-transform:lowercase;vertical-align:bottom;margin-left:10px;margin-bottom:25px;}
#logo {padding-top:15px;padding-left:15px;}
#sendSpendWrapper {border: 1px solid #cacaca;float: right;margin: 0em 0em 1em 1em;}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin: 0;width: 47%;}
.wrapperAttribsOptions {margin: 0.3em 0em;}

Never mind I got if figured out.

shawnchr:

Never mind I got if figured out.

I am happy that you figured out the problem. Please post your solution so that if anyone else has the same problem the answer is available to them.

Thanks,

Anne

Ok well I fixed one problem and have another now the first time I had to put width and height tags to get the gif to show 950 px x 150 px seemed to work great. Code below

#logoWrapper {background-image: url(../images/Web_Train.gif);background-repeat:no-repeat;width: 950px; height: 150px}

But now I am trying to do tags for multiple images and am running into problems big time.

here is the code I am using
#logoWrapper {background-image: url(../images/Web_Train.gif), url(../images/vcm_s_kf_repr_238x150.gif;background-position: right, left;background-repeat:no-repeat, no-repeat;background-size:auto, auto}

The above code really messes things up. The problem seems to be the #logoWrapper size is fixed buy the width and height tags to expand it but then how would put the images with in it and psition them to the right and left respectively.

shawnchr:

Ok well I fixed one problem and have another now the first time I had to put width and height tags to get the gif to show 950 px x 150 px seemed to work great. Code below

#logoWrapper {background-image: url(../images/Web_Train.gif);background-repeat:no-repeat;width: 950px; height: 150px}

But now I am trying to do tags for multiple images and am running into problems big time.

here is the code I am using
#logoWrapper {background-image: url(../images/Web_Train.gif), url(../images/vcm_s_kf_repr_238x150.gif;background-position: right, left;background-repeat:no-repeat, no-repeat;background-size:auto, auto}

The above code really messes things up. The problem seems to be the #logoWrapper size is fixed buy the width and height tags to expand it but then how would put the images with in it and psition them to the right and left respectively.

CSS2 doesn't support multiple background images (well the safari browser does but they are a very small percentage of the browser market).

Thanks,

Anne

Not what I wanted to here. But thats technology you always have to wait. I put in one image and I am ok with that now I have a whit space between the nav bar and the background image in the logoWrapper. How can make the nav bar and the logoWrapper background imge peform a perfect union?

Thanks for all your help,
Anne

How do I change the color of the font for thr currecny and Language text in the header I am beating my head against the wall trying to figure this out?

Thanks for the help in advance and my first sale Anne you will get a nice donation.

Shawn

shawnchr:

How do I change the color of the font for thr currecny and Language text in the header I am beating my head against the wall trying to figure this out?

try something like this in your stylesheet

#currency_header {
color:red;
}

#lang_header {
color:red;
}

obviously replace red with your desired colour

Nigel thanks sometimes I forget the simple things. Geez it was so simple. Now if I can get Rid of the white space between the header bg image and the nav bar I will be set.

Thanks a bunch,