Column Layout Grid v2.x Support

[gjh42]

Never mind, I know what the issue is. You have installed Column Divider Pro, which puts the grid into tables so it can work reliably for all browsers, even old IE versions.

<td class="vDotLine" rowspan="2"></td>

The tables are no longer required for any modern browser; I tried rewriting it to use divs with CSS instead of tables a few years ago, but IE was still not up to speed and would have required extensive (javascript, which I do not know much of) special handling to make it work.

[gjh42]

In stylesheet_dotline.css, add this rule and change the width as required:

.centerBoxWrapperContents table {width: 95%;}

Some hardcoded table cell properties are impossible to alter by CSS.

[pamela631]

Sure, umm, I got the idea to do the Grid Layout from viewing almost all of Picaflor's Free templates.. one of them is here:
http://(sorry, site offline)/zc150/

But I did download the actual mod from the plugin section, what I'm using right now is not one of her templates, it's just the default that I've been altering in a new folder to keep the original in tact.

http://www.zen-cart.com/downloads.php?do=file&id=3

Maybe I have the wrong mod? Are there 2 column layout grid mods?

Pamela

[jgold723]

I'd like to install this, but the version I downloaded says it works with version 1.3.9h and above. Do you have a version that will work with 1.3.9a?

Thanks,

John

[gjh42]

I'm pretty certain that the current version will work with any ZC version back to v1.3.8. There is a minor change to product_listing.php during the v1.3.9 series, but it did not actually affect processing in any significant way (if I recall correctly).

[gjh42]

Pamela -
The Column Divider mod used/uses an old form of Column Grid, heavily modified, to make its dividers work.
There is at least one other mod, SNAF, which uses recently written code to do similar jobs as Column Grid but for all types of listings (featured, specials, etc.) Single Listing Template also covers different listings with one style, though I forget whether it allows or uses the grid layout.

[logicalstep]

Ok I'm stuck!

I've been trying to find an answer on this forum, but I'm lost. I want to try and tidy-up the margins/spacing and all that etc..

Can anyone point me to the correct CSS to get this looking right?

http://www.webextend.co.uk/bristolfa...=index&cPath=1

Many thanks
Logicalstep

[gjh42]

You can improve the spacing of the price and button with something like this in stylesheet_flexible_product_listing.css:

.listingPrice {float: left; margin-left: 11em; line-height: 6em;} /*demo setup*/
.listingButtonGroup {float: right; width: 40%;margin-right: 3em; border-left: 1px solid #999999;} /*demo setup*/

The odd positioning is caused by the fact that you deleted the setting for .clearBoth in your stylesheet (line 331):

.clearBoth {
}

This needs to be

.clearBoth {
clear: both;
}

[logicalstep]

That's fantastic! Thanks gjh42.

I'll probably be back with more questions

Logicalstep

[scuggler]

What is up zenners. I'm working on an offline site so I can't post examples but I'm sure that you all know what I'm about to talk about. I'm using column layout grid and I would really like it if each product in each table row at least had their quantity boxes aligned. I have roughly 3000 products and can't take the time to make sure that each and every image is the same exact size. I'm just looking for a more professional look with my products and I have spent an entire day trying out css tricks and modifying the product_listing.php file. Any suggestions would be appreciated, just want a clean looking site like we all do :)

Thanks in advance.

-----------------------------------

so oddly enough, firefox is the only browser not liking that bit of code. But in my search for more answers I found a really old post that can better explain what I'm trying to achieve. Found HERE. The only exception being that I would like the product descriptions to also align with each other. I have already limited them to one line of text each. Let me know if this helps at all or if I have only confused you more.

Thanks!

-----------------------------------------------

^^^^^^^From previous post, found HERE.