Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Addon Templates / ZJ Black 2 text overwriting thumbnails

ZJ Black 2 text overwriting thumbnails

Started by sph on 2 Apr 2012, 6:20 PM · Views: 1,466

Results 1 to 7 of 7
2 Apr 2012, 6:20 PM
#1
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

ZJ Black 2 text overwriting thumbnails

Re-testing a template that caught my eye some time back: zj black 2 from free downloads. Have it on main site as it has the most products for full test view. Here is link to problem:

http://www.prommart.com/index.php?main_page=index&cPath=171

Text is overwriting the photos for Specials and Featured at bottom. This happens in my IE9, Firefox and Chrome. Putting IE9 in "compatability mode" seems to fix it somewhat for that browser, but one cannot know how customers will have their browsers set.

I turned off Specials and Featured from home/index and the product listings.

Hopefully some has a fairly simple stylesheet fix?

Thanks.

sph
https://www.prommart.com

https://www.prom-mart.com (testing area)

Steve
prommart.com

5 Apr 2012, 5:07 PM
#2
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: ZJ Black 2 text overwriting thumbnails

Perhaps the good news is that the text over writing on the photos for Specials problem does not seem to exist on my 1.5 test site:

http://www.prom-mart.com/zencart/

Hopefully it will correct itself when I upgrade main site.

sph

https://www.prom-mart.com
testing area

Steve
prommart.com

5 Apr 2012, 11:46 PM
#3
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: ZJ Black 2 text overwriting thumbnails

This what causes the problem

<div class="index_image" style="width:0px">

Unfortunately, i am not sure it can be overridden, easily, you may have to edit the actual php code and remove the

style="width:0px"

as the site works fine without it

I cannot find "featured products" on your new site to compare, it may pay to turn it on and see if the same bug is present

Webzings Design
Semi retired from Web Design

5 Apr 2012, 11:52 PM
#4
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: ZJ Black 2 text overwriting thumbnails

You could try adding this rule to the very bottom of your stylesheet


#featuredProducts .index_image
{
width:200px !important;
}

as it should override the inline code, without you need ing to touch the PHP

Webzings Design
Semi retired from Web Design

6 Apr 2012, 5:53 AM
#5
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: ZJ Black 2 text overwriting thumbnails

Thanks! The stylesheet fix for Featured is working on my main site; I just enabled Featured products on homepage:

http://www.prommart.com/

The Specials are still messed-up, but have not looked at the php fix, will try tomorrow. (Hopefully can find it easily.)

http://www.prommart.com/index.php?main_page=index&cPath=171

On my new 1.5 test site I just enabled four Featured products (click on + sign to right to show the fourth), everything seems to be working properly without any fix. I would not know why 1.5 looks better than 1.3.9h.

http://www.prom-mart.com/zencart/

I prefer the horizontal arrangement on 1.5, but can live with the vertical arrangement on current main site (will update to 1.5 in few months at end of season). This assumes that you are seeing what I'm seeing. :)

Thanks!

Steve
prommart.com

7 Apr 2012, 1:51 AM
#6
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: ZJ Black 2 text overwriting thumbnails

SPH:

The Specials are still messed-up, but have not looked at the php fix, will try tomorrow. (Hopefully can find it easily.)

Have you tried using a varient of the code i mentioned earlier for specials

like this


#specialsDefault .index_image
{
width:100px !important;
}

you may want to pay with the width, 100px seems to work fine on Opera, I'm too lazy to test on anything else

Webzings Design
Semi retired from Web Design

7 Apr 2012, 2:24 AM
#7
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: ZJ Black 2 text overwriting thumbnails

It worked! Now have New, Featured and Specials on homepage:

http://www.prommart.com/

Will try turning on for products page.

Thanks again.

sph

PS: I guess I'm too brain dead to think of that.

Steve
prommart.com