Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Category Listing Box Breaking

Category Listing Box Breaking

Locked

Views: 1,100

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
9 Sep 2009, 8:34 AM
#1
liquidpics avatar

liquidpics

New Zenner

Join Date:
Oct 2008
Posts:
12
Plugin Contributions:
0

Category Listing Box Breaking

Hi People,

Got a major problem (well, it is for me), in that my cusomer has switched on "Call for Price" on some products which in turn has broken the container that holds it.

I'm sure it's just about adjusting the php layout in a tpl file?

Is there a schematic of all the Zen Cart pages that points out which file affects which part of the site?

I've attached a screenshot with how it should look inset. If anyone can give me any clues, i'd be very appreciative!

http://www.liquidpictures.co.uk/listings_error.jpg

Thanks in advance

Kristian

9 Sep 2009, 10:32 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Category Listing Box Breaking

It's much easier to diagnose problems like this if we have a link to the site.

9 Sep 2009, 1:08 PM
#3
liquidpics avatar

liquidpics

New Zenner

Join Date:
Oct 2008
Posts:
12
Plugin Contributions:
0

Re: Category Listing Box Breaking

Sorry, the site is a shorrocks.co.uk

23 Sep 2009, 2:35 PM
#4
liquidpics avatar

liquidpics

New Zenner

Join Date:
Oct 2008
Posts:
12
Plugin Contributions:
0

Re: Category Listing Box Breaking

Has anyone got an idea on where I can fix this part of the design, or where I can find a "Roadmap" of the Zen Structure?

23 Sep 2009, 2:55 PM
#5
liquidpics avatar

liquidpics

New Zenner

Join Date:
Oct 2008
Posts:
12
Plugin Contributions:
0

Re: Category Listing Box Breaking

I'm getting a bit closer. Using Firebug and Firefox (superb piece of kit!) i've found that the products div for centerBoxContentsProducts is 240px wide:

<div class="centerBoxContentsProducts centeredContent back" style="border: 7px solid black; background-color: rgb(255, 255, 255); width: 240px;">

But somewhere, there has to be a width that says how wide the content is, which is why the title and the More info box is overflowing on all product pages such as http://www.shorrocks.co.uk/index.php?main_page=index&cPath=12&sort=20a&page=2&zenid=80c09cd514bcca075470d378c176b80f

Any ideas?

Thankyou.

23 Sep 2009, 3:40 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category Listing Box Breaking

This is probably not fixable with your current template layout, which uses tables. If you change the product listing to use divs, the display can be adjusted to be flexible and fit the different possibilities in the same width.

Note that the default Column Grid product listing uses divs, so your customization should be able to be redone.

You have two table cells side by side, and when each contains an image, they expand to fit the image. The combination is too wide to fit in the containing div.

23 Sep 2009, 3:46 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category Listing Box Breaking

Also, the div has inline styling which sets the width twice:```html

<div style="background-color:#fff; width:240px;border:7px solid black;" class="centerBoxContentsProducts centeredContent back" style="width:49.5%;"> ```The second width supersedes the first, so the div takes 49.5% of the center.