Avonlee Contempo Template Support Thread

i am still not seeing the image. please pm with the url that is supposed to be in the file. the forum keeps truncating the url.

Quote:

---

Originally Posted by spec

i am still not seeing the image. please pm with the url that is supposed to be in the file. the forum keeps truncating the url.

---

There is no truncating. You'll use a relative url of:

Code:

---

../images/your background  image.jpg

---

Thanks,

Anne

2 quick questions:

1. I added a paragraph of text on the main page below the slider. The text is formatted like

<div id="home-text">

<p>
blah...blah...blah
</p>

</div>
The issue is that the text only goes about 3/4 of the way across the template. How can I fix?


2. Can I move the Facebook and Twitter icons from the footer, into the header on the right side, opposite the logo?

I figured out issue #2. I just copied the facebook/twitter code from tpl_footer and pasted to tpl_header, just below: <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>

<br class="clearBoth" />

Seems to be working...

Quote:

---

Originally Posted by tgotch

2 quick questions:

1. I added a paragraph of text on the main page below the slider. The text is formatted like

<div id="home-text">

<p>
blah...blah...blah
</p>

</div>
The issue is that the text only goes about 3/4 of the way across the template. How can I fix?


2. Can I move the Facebook and Twitter icons from the footer, into the header on the right side, opposite the logo?

---

If you post a link to your site I can take a look at the home page.

You can move anything around anywhere in the template.

Thanks,

Anne

http://bottlecrafters.com/

Quote:

---

Originally Posted by tgotch

http://bottlecrafters.com/

---

Change:

Code:

---

#home-text {font-size: 120%;width: 550px;}

---

to:

Code:

---

#home-text{font-size:120%;width:700px;margin:0 auto;}

---

Thanks,

Anne

Thanks Anne, That did the trick!

Quote:

---

Originally Posted by tgotch

Thanks Anne, That did the trick!

---

Great!

Thanks,

Anne

Hi,
I am trying to install simple google analytics. The instructions say the following:

At the bottom of /includes/templates/[your_template]/common/tpl_main_page.php
Copy and paste the following lines of code (found below) just before the </body> tag:...

I cannot find this file within this directory of this template. Any guidance?

Quote:

---

Originally Posted by tgotch

Hi,
I am trying to install simple google analytics. The instructions say the following:

At the bottom of /includes/templates/[your_template]/common/tpl_main_page.php
Copy and paste the following lines of code (found below) just before the </body> tag:...

I cannot find this file within this directory of this template. Any guidance?

---

That just means that the tpl_main_page.php wasn't changed, so the stock version is being used. Grab the one in template_default/common, edit it and upload it to avonlee_contempo/common.

hmmm...did that, and home page goes white.

nvm...figured it out, pasted code in wrong place.

Quote:

---

Originally Posted by tgotch

Hi,
I am trying to install simple google analytics. The instructions say the following:

At the bottom of /includes/templates/[your_template]/common/tpl_main_page.php
Copy and paste the following lines of code (found below) just before the </body> tag:...

I cannot find this file within this directory of this template. Any guidance?

---

There is no override for this file because I did not modify it when making the template package. You will have to create an override for the file.

Thanks,

Anne

Quote:

---

Originally Posted by tgotch

nvm...figured it out, pasted code in wrong place.

---

I'm happy that you figured it out.

Thanks,

Anne

My additional image to the right, is bleeding into the "add to cart" button on firefox 8

Example: http://bottlecrafters.com/index.php?...products_id=15

Attached is screen capture

Quote:

---

Originally Posted by tgotch

My additional image to the right, is bleeding into the "add to cart" button on firefox 8

Example: http://bottlecrafters.com/index.php?...products_id=15

---

Add this to your stylesheet.css file:

Code:

---

#productAdditionalImages{clear:both;}

---

Thanks,

Anne

I'm banging my head! I'm super new to this, but quite surprised how well it's been going so far!

I'm trying to put my CC icons (.gif) to the left of my "Copyright" line and I just can't figure this out. I wouldn't mind putting it above the copyright line either, but all I can figure out how to do is put it below. When I do that the image is to big for the footer and I don't want to make it bigger! Any help is greatly appreciated!

Quote:

---

Originally Posted by Booya88

I'm banging my head! I'm super new to this, but quite surprised how well it's been going so far!

I'm trying to put my CC icons (.gif) to the left of my "Copyright" line and I just can't figure this out. I wouldn't mind putting it above the copyright line either, but all I can figure out how to do is put it below. When I do that the image is to big for the footer and I don't want to make it bigger! Any help is greatly appreciated!

---

If you post a link to your site I can take a look.

Thanks,

Anne

Here is a link;

http://www.patriottacticalonline.com/

Just hours after I posted that I completely crashed my site and am in the process of completely rebuilding it now! If it's not one thing it's the other right?!

Thanks in advance for the help!

Quote:

---

Originally Posted by Booya88

Here is a link;

http://www.patriottacticalonline.com/

Just hours after I posted that I completely crashed my site and am in the process of completely rebuilding it now! If it's not one thing it's the other right?!

Thanks in advance for the help!

---

Your site is looking great ;-)

I don't see the credit card icons in your footer?

I'm not seeing

Thanks,

Anne

I didn't keep the CC photo on there just because it clearly didn't look right.

Quote:

---

Originally Posted by Booya88

I didn't keep the CC photo on there just because it clearly didn't look right.

---

If you don't have it there, I can't help you with the positioning ;-)

Thanks,

Anne

OK, I'll put it there now! Thanks.

Took a minute, but I got it back on!

While your in there, maybe you can help me with one other little snag. The facebook link under my "add to cart" wants to show the users facebbook picture (mine at the moment), but it doesn't appear there is enough room? Can I make that space bigger?

Thanks again in advance for the help!

Quote:

---

Originally Posted by Booya88

While your in there, maybe you can help me with one other little snag. The facebook link under my "add to cart" wants to show the users facebbook picture (mine at the moment), but it doesn't appear there is enough room? Can I make that space bigger?

Thanks again in advance for the help!

---

You need to move the code for the payment image out of the div #siteinfoLegal and make sure that you put a class on it so that you can move it around where you want it.

Thanks,

Anne

Quote:

---

Originally Posted by Booya88

While your in there, maybe you can help me with one other little snag. The facebook link under my "add to cart" wants to show the users facebbook picture (mine at the moment), but it doesn't appear there is enough room? Can I make that space bigger?

Thanks again in advance for the help!

---

For the add to cart add:

Code:

---

float:left;

---

to:

#cartAdd

and

#productDescription

in the stylesheet.css file.

Thanks,

Anne

Hello, i have some problems running the SQL Command.
Im running the SQL that i got with the template, when i run it i get this error: #1146 - Table 'xblnorge_sys.configuration' doesn't exist

And when i run this:

Code:

---

## The following can be run via phpMyAdmin, or by Admin->Tools->Install SQLPatch:

## The following is used only to remove this mod:
#delete from configuration where configuration_key in('PRODUCT_LISTING_LAYOUT_STYLE','PRODUCT_LISTING_COLUMNS_PER_ROW');

INSERT INTO xblnorge_configuration (configuration_title, configuration_key, configuration_value,
      configuration_description, configuration_group_id, sort_order,
      last_modified, date_added, use_function, set_function)
      VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows',
              'Select the layout style:<br />Each product can be listed in its own row (rows option)
                or products can be listed in multiple columns per row (columns option)', '8', '40', NULL,
                now(), NULL, 'zen_cfg_select_option(array("rows", "columns"),');

INSERT INTO xblnorge_configuration (configuration_title, configuration_key, configuration_value,
      configuration_description, configuration_group_id, sort_order,
      last_modified, date_added, use_function, set_function)
      VALUES ('Product Listing - Columns Per Row', 'PRODUCT_LISTING_COLUMNS_PER_ROW', '3',
              'Select the number of columns of products to show in each row in the product listing. 
              The default setting is 3.', '8', '41', NULL, now(), NULL, NULL);

---

I get this error: #1062 - Duplicate entry 'PRODUCT_LISTING_LAYOUT_STYLE' for key 'unq_config_key_zen'

I am using the newest version of Zen Cart. Please help me.
Sorry for my bad english, im from Norway.

Quote:

---

Originally Posted by Exonize

Hello, i have some problems running the SQL Command.
Im running the SQL that i got with the template, when i run it i get this error: #1146 - Table 'xblnorge_sys.configuration' doesn't exist

And when i run this:

Code:

---

## The following can be run via phpMyAdmin, or by Admin->Tools->Install SQLPatch:

## The following is used only to remove this mod:
#delete from configuration where configuration_key in('PRODUCT_LISTING_LAYOUT_STYLE','PRODUCT_LISTING_COLUMNS_PER_ROW');

INSERT INTO xblnorge_configuration (configuration_title, configuration_key, configuration_value,
      configuration_description, configuration_group_id, sort_order,
      last_modified, date_added, use_function, set_function)
      VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows',
              'Select the layout style:<br />Each product can be listed in its own row (rows option)
                or products can be listed in multiple columns per row (columns option)', '8', '40', NULL,
                now(), NULL, 'zen_cfg_select_option(array("rows", "columns"),');

INSERT INTO xblnorge_configuration (configuration_title, configuration_key, configuration_value,
      configuration_description, configuration_group_id, sort_order,
      last_modified, date_added, use_function, set_function)
      VALUES ('Product Listing - Columns Per Row', 'PRODUCT_LISTING_COLUMNS_PER_ROW', '3',
              'Select the number of columns of products to show in each row in the product listing. 
              The default setting is 3.', '8', '41', NULL, now(), NULL, NULL);

---

I get this error: #1062 - Duplicate entry 'PRODUCT_LISTING_LAYOUT_STYLE' for key 'unq_config_key_zen'

I am using the newest version of Zen Cart. Please help me.
Sorry for my bad english, im from Norway.

---

This just means that you already have the column layout grid sql installed. You just have to turn it on in admin--product listing.

Thanks,

Anne

I still have the same problems :no:
Here is the link: http://xblnorge.net, i have tried to activate "Product Listing - Layout Style" but it did not work. Do you have any other solutions?

Quote:

---

Originally Posted by Exonize

I still have the same problems :no:
Here is the link: http://xblnorge.net, i have tried to activate "Product Listing - Layout Style" but it did not work. Do you have any other solutions?

---

If you read the readme.html file included with the template package you will see that you need to reset the sideboxes and add products before you can see them in a grid format.

Thanks,

Anne

Quote:

---

Originally Posted by Stuff4Toys

Getting this setup on my test server and have one quick question. the rest will come later.......

With FireFox 3.6.16 everytime I try and click the logo image to return to home the page drops down a 1/4" then pops back to the top.

Doesn't do it with IE 8 or Chrome.

Did I miss a setting?

---

I am having that issue, too, but my main question is this...how do I get my Home and Logo links to go back to the main page? I set my shop up to have these link to the Featured Products somehow, and I want to change it back, but have NO IDEA how to do that!

Any help would be appreciated! :)

Quote:

---

Originally Posted by charmedniki

I am having that issue, too, but my main question is this...how do I get my Home and Logo links to go back to the main page? I set my shop up to have these link to the Featured Products somehow, and I want to change it back, but have NO IDEA how to do that!

Any help would be appreciated! :)

---

If you post a link to your site I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by tgotch

2 quick questions:

1. I added a paragraph of text on the main page below the slider. The text is formatted like

<div id="home-text">

<p>
blah...blah...blah
</p>

</div>
The issue is that the text only goes about 3/4 of the way across the template. How can I fix?


2. Can I move the Facebook and Twitter icons from the footer, into the header on the right side, opposite the logo?

---

Quote:

---

Originally Posted by picaflor-azul

Change:

Code:

---

#home-text {font-size: 120%;width: 550px;}

---

to:

Code:

---

#home-text{font-size:120%;width:700px;margin:0 auto;}

---

Thanks,

Anne

---

Hello i too am struggling to fix this issue id like the text to reach all the way across in the single side bar option.

Does the Does go in the div in the page or in the CSS somewhere?

Your help would be greatly appreciated as this is my 1st site with a cart.

Thanks

Quote:

---

Originally Posted by tubbyandtattooed

Hello i too am struggling to fix this issue id like the text to reach all the way across in the single side bar option.

Does the Does go in the div in the page or in the CSS somewhere?

Your help would be greatly appreciated as this is my 1st site with a cart.

Thanks

---

The div is already in the define_main_page.php file.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

The div is already in the define_main_page.php file.

Thanks,

Anne

---

Thanks for the help ive got it working now :)

And i must say its a brilliant template Anna

Thx :clap:

hi anne, i have a dilema that i do not understand. when i goto my cart: http://ecogearunlimited.com/shop i see a blank page.

i then tried to log into the admin area, i see the following error repeated on the page: Deprecated: Function ereg() is deprecated in /home/ecogearu/public_html/shop/includes/classes/db/mysql/query_factory.php on line 177

i have no idea what this means. i had not made any changes for over two weeks and i had logged in to the admin during that time. does this look like a hack attempt?

[QUOTE=tubbyandtattooed;1093802]Thanks for the help ive got it working now :)

And i must say its a brilliant template Anna

Thx :clap:[/QUOT

I am happy to hear that ;-)

Thanks,

Anne

Quote:

---

Originally Posted by spec

hi anne, i have a dilema that i do not understand. when i goto my cart: http://ecogearunlimited.com/shop i see a blank page.

i then tried to log into the admin area, i see the following error repeated on the page: Deprecated: Function ereg() is deprecated in /home/ecogearu/public_html/shop/includes/classes/db/mysql/query_factory.php on line 177

i have no idea what this means. i had not made any changes for over two weeks and i had logged in to the admin during that time. does this look like a hack attempt?

---

See this post:

http://www.zen-cart.com/forum/showthread.php?t=145853


Thanks,

Anne

THANK YOU THANK YOU THANK YOU that tip/link worked perfect

Quote:

---

Originally Posted by spec

THANK YOU THANK YOU THANK YOU that tip/link worked perfect

---

Yeah :clap:

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you post a link to your site I can take a look.

Thanks,

Anne

---

www.ArtsySupplies.com

I want the slides to show up, but when I hit the Home button or click on my logo, I go to Featured Products.

Many, many, many thanks Anne!

Quote:

---

Originally Posted by charmedniki

www.ArtsySupplies.com

I want the slides to show up, but when I hit the Home button or click on my logo, I go to Featured Products.

Many, many, many thanks Anne!

---

I would recommend re-uploading the includes/languages/english/html_includes/avonlee_contempo/define_main_page.php file to your site. If you read the readme.html file you will see that it is important to only edit this file with a plain text editor since it contains php code.

Thanks,

Anne

Hello, Anne!

First of all, I'd like to thank you for a great job that you are doing! Your free templates are the best I've ever seen and downloaded. Moreover, thanks to your beautiful, dynamic slideshow, every site may look professional. You're simply the best! :smile:

I've read your "Read Me" files few times and very carefully, so I didn't faced many problems with implementing and customizing your template, but despite my best efford, there are a few problems, that I can't handle on my own, so I would be very grateful for your support and a little hint.

1. The first thing is, that my footer menu is totally corrupted. All menu elements are one on another, on the left side of the footer and I can't do anything about it. I've tried to do something in PHP files, but I'm quite poor at PHP. In most cases included PHP I just search and read information from the web sites, make backup of my files, in the next step I'm changing the suitable code and observe what will happen. With this method I learned pretty much about the ZenCart and about its customization, but till now it didn't helped me with the footer case. :( I downloaded all the files on my server just as You said, and I've took all the steps from the Read File. I really don't know what I can do more to solve this issue. This footer looked like that from the very beginning, before I've even started customizing the template.

2. How can I move the text on the main page (center column) to the middle of the center column? Now the text along with the allegro-banner is rather on the left side of the column. It can be quite vell observed when we look at the youtube banner, which is in the middle of this column.

3. The third and the last one issue is, that after installing the Avonlee Contempo template, those guests who don't have the account in my shop yet can't put any article into a cart, despite the fact, that I 've given them an opportunity to do it (in the admin panel I've set: 0 - prices and add to cart). The guest has to log in to add something into a cart.

Those three issues are the last obstacles on my way to finish customizing my shop. I will be very appriciate for your help with this. :smile:

my website adress is: www.digitalfire.com.pl/zencart1

Alexandra

Quote:

---

Originally Posted by aleksandra

Hello, Anne!

First of all, I'd like to thank you for a great job that you are doing! Your free templates are the best I've ever seen and downloaded. Moreover, thanks to your beautiful, dynamic slideshow, every site may look professional. You're simply the best! :smile:

I've read your "Read Me" files few times and very carefully, so I didn't faced many problems with implementing and customizing your template, but despite my best efford, there are a few problems, that I can't handle on my own, so I would be very grateful for your support and a little hint.

1. The first thing is, that my footer menu is totally corrupted. All menu elements are one on another, on the left side of the footer and I can't do anything about it. I've tried to do something in PHP files, but I'm quite poor at PHP. In most cases included PHP I just search and read information from the web sites, make backup of my files, in the next step I'm changing the suitable code and observe what will happen. With this method I learned pretty much about the ZenCart and about its customization, but till now it didn't helped me with the footer case. :( I downloaded all the files on my server just as You said, and I've took all the steps from the Read File. I really don't know what I can do more to solve this issue. This footer looked like that from the very beginning, before I've even started customizing the template.

2. How can I move the text on the main page (center column) to the middle of the center column? Now the text along with the allegro-banner is rather on the left side of the column. It can be quite vell observed when we look at the youtube banner, which is in the middle of this column.

3. The third and the last one issue is, that after installing the Avonlee Contempo template, those guests who don't have the account in my shop yet can't put any article into a cart, despite the fact, that I 've given them an opportunity to do it (in the admin panel I've set: 0 - prices and add to cart). The guest has to log in to add something into a cart.

Those three issues are the last obstacles on my way to finish customizing my shop. I will be very appriciate for your help with this. :smile:

my website adress is: www.digitalfire.com.pl/zencart1

Alexandra

---

1. It looks like you are missing the language files for the template. Do a search on the forum for the correct procedure for adding installing a language pack.

2. This is a css issue. Adjust this in the stylesheet.css file.

3. It seems like you have the store set so that your customers have to log in before they can make a purchase. This is not a problem with the template. Try configuration--my store--store status.

Thanks,

Anne

Thank you for your answers. I will look for this footer issue on the forum, I hope I'll get the answer I need, because it is very important to me. :dontgetit

As for the cart - your answer worked well (the problem was in the authorisation settings) - now the other customers can see basket without logging in. Thank you so much! :laugh:

As for the text in the center column I'll see the css file - as you've told me.

Thank you once again! :bigups:

Hi, Anne...that didn't work. I used my ftp editor to adjust it, and it was working. It has to be somewhere within the settings, but I have no idea where! Anyone else out there know? My home page comes up to featured products, but I want it to be the slides. I will keep researching, but if someone has any ideas, I would be eternally grateful.

Many thanks,

Niki

Quote:

---

Originally Posted by charmedniki

Hi, Anne...that didn't work. I used my ftp editor to adjust it, and it was working. It has to be somewhere within the settings, but I have no idea where! Anyone else out there know? My home page comes up to featured products, but I want it to be the slides. I will keep researching, but if someone has any ideas, I would be eternally grateful.

Many thanks,

Niki

---

The slider doesn't put the featured products into the slide show. You have to add the slides that you want for the slide show. See detailed instructions for using the slider in the readme.html file included with the template package.

It looks like you are missing files. I would recommend uploading the includes/languages/english/html_includes/avonlee_contempo/define_main_page.php file again from the template package making sure that you overwrite the existing file.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

The slider doesn't put the featured products into the slide show. You have to add the slides that you want for the slide show. See detailed instructions for using the slider in the readme.html file included with the template package.

It looks like you are missing files. I would recommend uploading the includes/languages/english/html_includes/avonlee_contempo/define_main_page.php file again from the template package making sure that you overwrite the existing file.

Thanks,

Anne

---

I tried that a few times, but it still didn't work. I had it working and had the slides going. I made some changes to the layout, product listing, etc., then my Home and Logo links were not going back to the main page. I know how to upload the images, and did have it working, so it is something else. I was hoping someone out there would know where you set your Zencart settings to open up to a certain page (not using a URL redirect). I have been using Zencart for years, but for the life of me, cannot figure this one out.

I don't know that it is an issue with the template; in fact, I do not think it is, I think it is my settings in Zencart. I've searched forums, etc. I was just hoping someone with your experience may know what I need to do...{pulling my hair out here cause my slides look GOOD and I LOVE that main page!}

Ah, well, I'm sure it will come to me some day...lol

Thanks for a beautiful template... :smile:

Quote:

---

Originally Posted by charmedniki

I tried that a few times, but it still didn't work. I had it working and had the slides going. I made some changes to the layout, product listing, etc., then my Home and Logo links were not going back to the main page. I know how to upload the images, and did have it working, so it is something else. I was hoping someone out there would know where you set your Zencart settings to open up to a certain page (not using a URL redirect). I have been using Zencart for years, but for the life of me, cannot figure this one out.

I don't know that it is an issue with the template; in fact, I do not think it is, I think it is my settings in Zencart. I've searched forums, etc. I was just hoping someone with your experience may know what I need to do...{pulling my hair out here cause my slides look GOOD and I LOVE that main page!}

Ah, well, I'm sure it will come to me some day...lol

Thanks for a beautiful template... :smile:

---

Do you have a backup from before you started making changes?

Quote:

---

I made some changes to the layout, product listing, etc., then my Home and Logo links were not going back to the main page.

---

I am afraid that this is too vague for me to offer any help . What exact changes did you make? What files did you edit? etc.

Thanks,

Anne

Hi Anne,

I just wanted to thank you again for your help. An issue with the footer is solved! The footer was corrupted, because while dragging the avonlee contempo indludes folder to my FTP, the avonlee contempo folder from includes/languages/english/extra_definition/avonlee contempo was missing (for some reason it didn't show in my includes/languages/polish/extra definitions folder). I copied the missing avonlee folder from languages/english/extra definition and everything is fine now!
If someone has a similar problem, I hope this post will help. :wink:
Thank you for your work and help, Anne! :smile:

Hi,charmedniki

Unfortunately, I'm not an expert but earlier I also had some problems with the slider on my main page. If nothing works for you, and you want slider so badly, try to copy and paste the slider code directly to Admins Define Pages Editor -> define main page.
After pasting the code to the main page, just change the images and link paths of the slider, so they can apply to pages you want people to see, after clicking on the slider banners. This should cause the slider to appear...It helped me, I hope it will work for you too. :wink:

Quote:

---

Originally Posted by aleksandra

Hi Anne,

I just wanted to thank you again for your help. An issue with the footer is solved! The footer was corrupted, because while dragging the avonlee contempo indludes folder to my FTP, the avonlee contempo folder from includes/languages/english/extra_definition/avonlee contempo was missing (for some reason it didn't show in my includes/languages/polish/extra definitions folder). I copied the missing avonlee folder from languages/english/extra definition and everything is fine now!
If someone has a similar problem, I hope this post will help. :wink:
Thank you for your work and help, Anne! :smile:

---

I'm happy that you figured it out!

Thanks,

Anne

picaflor-azul
Hello!

I'm very happy with your Avonlee Contempo template.
I modify it for my needs and design for about 2 weeks already and very close to the final, but I have some troubles and I can't figure out by myself where is bug sits.

I'm newbie to php and css, but I learning it well, while working on zen-cart modules and modify the template.

I'm using the 1.3.9h zen-cart.

Description of the problem/bug:

In the product info page, when the product has additional images and it's quantity are more than 3 - they are starting to move the right sidebox more and more, instead of making the new row (column) under the previous 3. They are no wrapping. And the % of the width, that are shared between elements (I using Firebug 1.9 for Firefox to inspect forms & css - I found it very usefull and helpful) are become 19.8% for each element in case if I have 5 additional images, instead of become 33% (max 3 totally per mainwrappercontent space between sideboxes) and form a new row under etc.
I can't find the file or constant that produces this bug or where it "lives" I tryed all - even reverting back the original stylesheet.css from your template and some .php files that may be responsible for this... but nothing.

All other columns and rows shows correctly - on the main page, the new products, the catecories - they are all wrap rows and form columns regarding to image sizes and available space - so I have 3 elements per row in the grid. No affects to right sidebox totally.
The problem in only with "additional images" on the product page...

here is the screenshots:
http://i.imgur.com/ocvsRs.jpg

http://i.imgur.com/SG8ius.jpg

Could you help me to figure out where is the problem and what I should modify to fix this? I see that the default template and the Avonlee in it's default state shows additional images correctly as it shoud... :( But I can't find any difference in any files that may result in such problem.

If it would help - I added the colorbox jscript to main_product_image and additional_product_images, but as I sen it not affecting any row/grid positioning - just replaces oldschool pop-up window to overlay image show/slideshow w/o opening any additional windows.

I also may PM you a link to the shop to see it in "action"

Thanks!

sorry, forgot to post the picture, that shows correct state:

http://i.imgur.com/QA9PGs.jpg

Quote:

---

Originally Posted by Gre4ka

picaflor-azul
Hello!

I'm very happy with your Avonlee Contempo template.
I modify it for my needs and design for about 2 weeks already and very close to the final, but I have some troubles and I can't figure out by myself where is bug sits.

I'm newbie to php and css, but I learning it well, while working on zen-cart modules and modify the template.

I'm using the 1.3.9h zen-cart.

Description of the problem/bug:

In the product info page, when the product has additional images and it's quantity are more than 3 - they are starting to move the right sidebox more and more, instead of making the new row (column) under the previous 3. They are no wrapping. And the % of the width, that are shared between elements (I using Firebug 1.9 for Firefox to inspect forms & css - I found it very usefull and helpful) are become 19.8% for each element in case if I have 5 additional images, instead of become 33% (max 3 totally per mainwrappercontent space between sideboxes) and form a new row under etc.
I can't find the file or constant that produces this bug or where it "lives" I tryed all - even reverting back the original stylesheet.css from your template and some .php files that may be responsible for this... but nothing.

All other columns and rows shows correctly - on the main page, the new products, the catecories - they are all wrap rows and form columns regarding to image sizes and available space - so I have 3 elements per row in the grid. No affects to right sidebox totally.
The problem in only with "additional images" on the product page...

here is the screenshots:
http://i.imgur.com/ocvsRs.jpg

http://i.imgur.com/SG8ius.jpg

Could you help me to figure out where is the problem and what I should modify to fix this? I see that the default template and the Avonlee in it's default state shows additional images correctly as it shoud... :( But I can't find any difference in any files that may result in such problem.

If it would help - I added the colorbox jscript to main_product_image and additional_product_images, but as I sen it not affecting any row/grid positioning - just replaces oldschool pop-up window to overlay image show/slideshow w/o opening any additional windows.

I also may PM you a link to the shop to see it in "action"

Thanks!

---

If you send me a link to your site I can take a look.

You can set the number of additional images per row in admin--configuration--images--Product Info - Number of Additional Images per Row

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

If you send me a link to your site I can take a look.

You can set the number of additional images per row in admin--configuration--images--Product Info - Number of Additional Images per Row

Thanks,

Anne

---

Ahh... :blush::oops: what a shame

Yes. It was that. I changed the value at the beginning and forgot about it. Revert back to 3 and all is fine now (as it should)
Thanks a lot for a tip! And sorry for disturb, because it was not a template issue :blush: as i thought.

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:
http://i.imgur.com/PT52Ks.png

http://i.imgur.com/0zxYOs.png

Firefox:
http://i.imgur.com/72T0Ms.png

http://i.imgur.com/WPiovs.png

Quote:

---

Originally Posted by 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:
http://i.imgur.com/PT52Ks.png

http://i.imgur.com/0zxYOs.png

Firefox:
http://i.imgur.com/72T0Ms.png

http://i.imgur.com/WPiovs.png

---

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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

#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,

Quote:

---

Originally Posted by shawnchr

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

---

Add this to your stylesheet.css:

Code:

---

#navMainWrapper{margin-top:-14px;}

---

Thanks,

Anne

Anne once again you are the greatest.

I also had to remove this snippet of code from the #navMainWrapper to get your suggestion to work. Just in case any one else woud like to know.

Code:

---

margin: 0em;

---

So this is what I have now:

Code:

---

#navMainWrapper {margin-top:-14px;font-weight: normal;color: #fff;background-color:#c8bb89;height: 40px;width: 950px;}

---

Hi,
I was wondering where in the stylesheet.css that I can find the code to change the font size for the "define_page.php" and the "Categories description". The default size is really small.

I also wanted to change the size of the thumbnails for the subcategories. They too are also really small under the main categories page - they are setting to a 43 px by 57 px. I just can't see the coding in the stylesheet to make those changes.

Thanks so much!

Quote:

---

Originally Posted by Mr.Pea

Hi,
I also wanted to change the size of the thumbnails for the subcategories. They too are also really small under the main categories page - they are setting to a 43 px by 57 px. I just can't see the coding in the stylesheet to make those changes.

Thanks so much!

---

You can change image sizes in admin--configuration--images.

Quote:

---

I was wondering where in the stylesheet.css that I can find the code to change the font size for the "define_page.php" and the "Categories description". The default size is really small.

---

If you are going to be making css changes to the site I would strongly recommend installing and using a tool such as firebug for firefox. It will help you figure out where to make all of your css changes.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

You can change image sizes in admin--configuration--images.



If you are going to be making css changes to the site I would strongly recommend installing and using a tool such as firebug for firefox. It will help you figure out where to make all of your css changes.

Thanks,

Anne

---

Hi Anne,

Thank you so much for the help! I did everything you suggested, fixed the images (boy, that was a "uh duh" moment... so thank you for that additional tip!)

As for the css I downloaded Firebug and have been having fun learning how to use it. I have pretty much gone over the entire stylesheet to see how padding and font sizes can be changed. The only trouble is that I still can't get the individual code for the font size that adjusts the font size for the define_pages.php and the category description section. The only way to adjust the font size is under the section of :
body {
font-size: 100%;

But if I adjust the font-size code it adjusts also enlarges the heading the categories fonts etc.

Quote:

---

Originally Posted by Mr.Pea

Hi Anne,

Thank you so much for the help! I did everything you suggested, fixed the images (boy, that was a "uh duh" moment... so thank you for that additional tip!)

As for the css I downloaded Firebug and have been having fun learning how to use it. I have pretty much gone over the entire stylesheet to see how padding and font sizes can be changed. The only trouble is that I still can't get the individual code for the font size that adjusts the font size for the define_pages.php and the category description section. The only way to adjust the font size is under the section of :
body {
font-size: 100%;

But if I adjust the font-size code it adjusts also enlarges the heading the categories fonts etc.

---

You will need to only single out the selectors that you want to change. If you post the url to your site I can take a look.

Thanks,

Anne

Quote:

---

Originally Posted by jfmills

Nevermind. I missed one thing in the admin. It works great now. Thanks. :)

---

It's not considered "fair" on this forum not to explain how you solved your own problem. So, what was your solution?

Quote:

---

Originally Posted by enginarat

It's not considered "fair" on this forum not to explain how you solved your own problem. So, what was your solution?

---

LOL... that's true!

The solution to my problem was to learn how to edit a "selector" properly.

I was only editing selectors which had coding in them. I didn't understand that there was a "grouping" of bits and bobs put together. For example in the stylesheet:
/*bof wrappers - page or section containers*/
#mainWrapper {background: transparent;text-align: left;width: 1000px;vertical-align: top;position:relative; top:0px;}
#contentMainWrapper {background-color:#ffffff;}
"#headerWrapper, #contentMainWrapper,#logoWrapper"

I was literally only eding in codes that already had {}. I realised at some point...another "uh duh" moment that I could actually alter anything with a # in front of it and get what I was looking for.

So to deal with my issue I altered the stylesheet section with:
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
"#indexProductListCatDescription.content {font-size: 1.4em}"

I just split up the #indexProductListCatDescription.content from the rest of the group and added a selector.

I hope that makes sense...

While on the subject, I did have another question as to whether or not keeping the stylesheet_betterCategoriesEZinfo.css with this template is essential for the stabilility of the cart design?

I downloaded a copy of Aberdeen natural and noticed that this file isn't included. I am redesigning the categories section and found I actually wanted a solid background instead of the links being highlighted.

Quote:

---

Originally Posted by Mr.Pea

While on the subject, I did have another question as to whether or not keeping the stylesheet_betterCategoriesEZinfo.css with this template is essential for the stabilility of the cart design?

I downloaded a copy of Aberdeen natural and noticed that this file isn't included. I am redesigning the categories section and found I actually wanted a solid background instead of the links being highlighted.

---

The avonlee contempo template does have the bettercategories ez info module installed so it needs the stylesheet. The aberdeen neutral template does not have this module installed so it doesn't need the stylesheet.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

The avonlee contempo template does have the bettercategories ez info module installed so it needs the stylesheet. The aberdeen neutral template does not have this module installed so it doesn't need the stylesheet.

Thanks,

Anne

---

Hi Anne,
Thanks for the info. The trouble is I actually like the new design to the categories and side boxes using just the stylesheet.css if I keep the bettercategories ez info module it disrupts the new design. I just wanted to clarify that there would be an instability issue if I were to remove the bettercategories ez info completely?

So far all the pages are working correctly but there may be a stability issue I am unaware of (like if the header.php goes missing the entire cart is blank)

Thanks again!

I am working from the Avonlee Contempo template - just so as not to confuse anyone.

Quote:

---

Originally Posted by Mr.Pea

Hi Anne,
Thanks for the info. The trouble is I actually like the new design to the categories and side boxes using just the stylesheet.css if I keep the bettercategories ez info module it disrupts the new design. I just wanted to clarify that there would be an instability issue if I were to remove the bettercategories ez info completely?

So far all the pages are working correctly but there may be a stability issue I am unaware of (like if the header.php goes missing the entire cart is blank)

Thanks again!

---

You can test it by moving the stylesheet for better categories to a back up file. If nothing changes on the site then you can delete it.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

You can test it by moving the stylesheet for better categories to a back up file. If nothing changes on the site then you can delete it.

Thanks,

Anne

---

Hi Anne,
Thank you for the info. I have tested it without the file and everything seems to be okay.

:)

Quote:

---

Originally Posted by Mr.Pea

Hi Anne,
Thank you for the info. I have tested it without the file and everything seems to be okay.

:)

---

Ok, great :-)

Thanks,

Anne

Hi, Firstly this is a great template and does everything (and more) that I wanted for my website.

I'm just having a slight problem with adding more than one product image. I have followed the zencart tutorials by ensuring correct file names and uploading the additional images via ftp but they are still not appearing on my product pages.

I was just wondering if there is a template setting that I need to change?

Thank you

Quote:

---

Originally Posted by shazza79

Hi, Firstly this is a great template and does everything (and more) that I wanted for my website.

I'm just having a slight problem with adding more than one product image. I have followed the zencart tutorials by ensuring correct file names and uploading the additional images via ftp but they are still not appearing on my product pages.

I was just wondering if there is a template setting that I need to change?

Thank you

---

No, the template is not the cause ;-)

Be sure that you follow the naming conventions for additional images or thwy won't show. Also, I believe that there is an add on module for additional images that might make it easier for you.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

No, the template is not the cause ;-)

Be sure that you follow the naming conventions for additional images or thwy won't show. Also, I believe that there is an add on module for additional images that might make it easier for you.

Thanks,

Anne

---

Thanks Anne, sorted it. Installed an add-on and works a treat :)

Could I ask for more help tho please. I'm trying to align the product description below the image and not wrapping round them but not sure what to change in the stylesheet.

Its ok sorted it. Added float:left to #productDescription in the stylesheet.

Just need to work out how to have an enlarge link for my additional images now :)

Quote:

---

Originally Posted by shazza79

Its ok sorted it. Added float:left to #productDescription in the stylesheet.

Just need to work out how to have an enlarge link for my additional images now :)

---

In the native zen cart funtionality there is a click to enlarge link on additional images.

Thanks,

Anne

Thanks Anne, not sure where that option is but i'll keep looking :).

Also realised that when I add more than one additional image, they are showing in a column rather than row. Non of the solutions I have found seem to be working, but the search goes on :)