Column Layout Grid for Product Listing

please please please help !!

I have posted this question in a few places but still havent found out what to do :(

In the categories box i have sub categories but these have alot of space around them how do i get rid of this ?

https://www.happiechappie.com (adult site)

thanks in advance
Marie

Hi

I have managed to get the product boxes as I would like but i cant find where its picking up the element style width 49.5% from i need to change it to 45% so that i can have two products on each line :smile:

https://www.happiechappie.com (adult site)

this is starting to get very frustrating so any help would be really appreciated

Marie :smile:

Sorry, I don't understand the question. I'm seeing three across in your product listing now.

Do the spaces happen in the classic template? Has this issue always been there? If no when did it start? What version of zen cart?

Im not sure as i have inherited the site version is 1.3.9:smile:

under my sub categories the products are in rectangular boxes with the image, decription and price :smile:

But at the moment they are listing one under the other i would like two across the page

Marie

Hi have looked all through this post and have managed to get my products 2 across but i would like some space between these i have tryed adding margin and/or padding to the centerBoxContentsProducts but to no avial :frusty:

i am using version 1.3.9 with the flexible product listing mod add on

https://www.happiechappie.com (adult site)

any help please

Marie

Hi macbain,

You could try setting the width of each product in the stylesheet by doing something like this. (play with the width and height a bit to get it right for your site):

.centerBoxContentsProducts {
       border: 1px solid #0a7376;
       margin-top: 10px;
       margin-left: 5px;
       max-width:200px;
       min-height:200px;
}

Have a play around with something like that and see if it helps. You may need to add padding, but have a go anyway.

Hope this helps you.

Cheer

DB

I put in exactly what you said and the only bit its picking up is the border :(

marie

Moderator's note - macbain - your multiple threads have all been merged here. Please DO NOT post the same problem in different forums. It only makes life harder for those that are trying to help.

Since the product widths are set inline in the HTML, they will take precedence over ordinary stylesheet rules. Add !important to get the stylesheet to take precedence:

.centerBoxContentsProducts {
       ...
       width:200px !important;

Ok, I had a good look and cant figure it out.

I am thinking that maybe a clash with the Flexible Product Listing add-on. I have looked at a few different ways to change the look of it and the below seems to work well and looks good.

.centerBoxContentsProducts {
       border: 0px solid #0a7376;
       border-bottom:1px dashed #888888;
        }

#productListing {
        border:1px solid #888888;
	margin-top: 10px;
        padding:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

Put it in place of the other code and see what you think. It wont do what you were asking but will change the look to be a bit softer, which if im reading this right, it what your after.

All the best

DB

If you have Column Grid (either standard or the Flexible Product Listing version) in columns mode, you should not be seeing the table-cell elements in the listing's view source. That is a symptom of not having the mod's version of /includes/templates/your_template/templates/tpl_modules_product_listing.php in the correct place.

To be honest, i didnt even look at the source code, I just went straight to the css. I probably could have saved myself and the OP some time if looking in the right place.

Lesson learned :)

You would have to be familiar with the stock and Column Grid versions of the output to recognize the difference... and have worked with the product listing files to know what the difference meant.

Hi Dropbop

Thankyou for your help I would like something simular to what you suggest but would like all the products in their own boxes just with some space around them :smile:

Ghia : i have put the file in the includes/templates/zct adult and lingerie 16/modules folder and also tried includes/templates/default_template/templates but neither seem to work:frusty:

thanks
Marie

Look for /includes/templates/your_template/templates/tpl_modules_product_listing.php. Is it in the correct location? Does it look the same as the copy in the Flexible Product Listing / Column Grid package?

the path that its in doesnt have another templates folder

includes/templates/your_templates/templates/tpl_modules_product_listing.php

i have :

includes/templates/zct adult and lingerie 16/modules/tpl_modules_product_listing.php

Marie

There is no such thing as includes/templates/zct adult and lingerie 16/modules/ in any correct folder path. That file should be in
includes/templates/zct adult and lingerie 16/templates/

Hi, guys!

Anybody can tell how to remove it from my zencart ? I mean remove it , not only the files but also remove it from my SQL database. ( I only found the install sql file,column_layout_grid.sql)

I installed column_layout_grid_v_1_3_8 on 1.3.9h, it's looks great, but it is not full compatibility with IE browsers 6.

Thanks