Column Layout Grid for Product Listing

I am talking about the Tabbed Products Pro v1.07 add on

Well, firstly this is the column grid support thread.

Secondly, I have never written a tabbed info mod. Must be someone else's, so I can't comment.

I do see that you posted on this thread which is mine but is not a tabbed info module.

http://www.zen-cart.com/forum/showthread.php?p=1095204#post1095204

So Sorry
I mixed up 2 add ons and thought that was yours, would be nice if i could delete those posts.

I want to keep the product name, price below the image and only the width of the image. At the moment the grid/column lay out calculates 3 columns for the width of my center column but this is wider than the photo. The net result is that price and product name are off to the left of the image.

If I do a search and the result is only on product or two products then the resulting box is either the full width of the page or half the width of the page. the image is centered but the text below it is way off to the left. (I want it left justified but to the edge of the image.)

.centerBoxContentsProducts centeredContent back is the class I get but setting this in the css has no effect as I believe some other code is over riding the calculation. I have looked in modules/product_listing.php to trying and enter another div to contain the image and the text together or to force the width, but I cannot seem to work out the place to put this.

Can anyone point me in the right direction.

Let's see your site to determine the best way of getting your desired alignments. You may need to use the Flexible Product Listing version of Column Grid (attached to post 50 in this thread) to get the fine-tuning.

I have scoured this thread and tried uninstalling and reinstalling this mod, and it's still not working correctly. I'm having the same problem as many who have posted, which is if I set the columns to 3, I have 2 images on a row, and the third is pushed down to the next. I've tried setting 3, 4, 5, & six columns so I could test to see if it was a padding issue and this does not seem to be the case. The only time it works correctly is if I set six columns, but even then, there are only six products on the page, not 10. If anyone could take a look and see if I'm missing something that would be SO fabulous! THANKS!!

LINK: http://ggdigitaldesigns.com/shop

stylesheet.css line 572

        padding: 0.5em

It is a padding problem :smile:

Oh, and it will only show 'full' rows of products. So if you have it set to 12 it will show two rows of six. If you have it set to ten it will show one row of six. Or I think that is right anyway, Glenn may confirm that.

The standard Column Grid code will show partial rows if needed to make up the per-page display total, and Flexible Product Listing does not change that. I'm not sure what could be happening to make a listing show fewer than you have set. Are you saying that the last four of ten do not appear at all, or that they get shunted to the next page? You currently have nine products per page; what is your setting?

niccol YOU ARE AWESOME!!!! I adjusted the padding and now it works perfectly! Thank you so much, I appreciate your time!

Glad it worked for you.

@Glenn. Yes as I was writing that I wondered if that was an alteration in SLT . It comes out of this line in product listing:

$max_results = (PRODUCT_LISTING_LAYOUT_STYLE=='columns' && PRODUCT_LISTING_COLUMNS_PER_ROW>0) ? (PRODUCT_LISTING_COLUMNS_PER_ROW * (int)(MAX_DISPLAY_PRODUCTS_LISTING/PRODUCT_LISTING_COLUMNS_PER_ROW)) : MAX_DISPLAY_PRODUCTS_LISTING;

Bit as you say it is not a feature of column grid itself. But perhaps Leslie has SLT ( or SNAF) installed rather than the basic column grid.

gjh42:

Let's see your site to determine the best way of getting your desired alignments. You may need to use the Flexible Product Listing version of Column Grid (attached to post 50 in this thread) to get the fine-tuning.

url is https://www.funkymoose.co.uk have at the moment hard coded the width in the product listing page but I think it needs to be done for the specials and the upsell cross sell etc.

I think I have read about a way of getting this one template to work for all listings (new, all, specials, upsell, cross sell, customers also purchased, etc.)

Look forward to some advice. Thank you.

Single Listing Template in Free Addons handles using one template for many kinds of listings. Niccol's SNAF is an adaptation of that which might work even better.

@MikeyG
If you are talking about the center box listings that appear on the same page as the main listing then SLT that Glenn mentionned is your best bet. I don't think it will cover the cross sell center box but all the main Zen ones it does.
As Glenn mentions I wrote an adaptation of SLT for version 1.5 but it only handles the main pages rather than the center-boxes - Just because I never use the center boxes as they are anyway so didn't need it to.

Hi,

I just installed this module, its working perfect for my categories but as soon as i want to display anything such as new or featured products on my main page they appear as just one each row even tough in the index listing i have ''new products columns per row'' selected as 3 it is still shown as:

product

product

product.

When i open my category it is like

product product product.

I want my new/featured products and all shown as my usual category.

Do i have some kind of setting wrong?

Thanks in advance,

Rovi.

Which mod are you using? The basic Column Layout Grid, or one of the modified versions? Column Grid only applies to the product listing, not new/all/etc. The settings for ''new products columns per row'' refer to the centerboxes which appear below the category or product listing.

If you are talking about the centerboxes, you might have altered some stylesheet rule that applies to the centerboxes. Eliminating a "float: left;" from a group rule often has that kind of unintended effect.

annasolovushka:

hello guys.
not found answer on my question:
1.3.9h
installed Column Layout / Grid Layout for Products Listing (Add On Module for Zen Cart v1.3.8)
but also installed Ashley Pink template- almost at same time.
then I trying to follow instruction:
admin- tools-install SQL patches
i have an errors:
Failed: 2
Error ERROR: Cannot insert configuration_key "" because it already exists
Error ERROR: Cannot insert configuration_key "" because it already exists
Warning Note: 2 statements ignored. See "upgrade_exceptions" table for additional details.

what should I do???
please help....

Anyone find a solution this?

All these errors are saying is that the admin switches are already installed and cannot be installed again. Do the switches exist and work in your Configuration > Product Listing menu?

Hi,

Im wondering where I could change the default sort order to columnlayout istead of rows?
I've installed the mod and it works great, but the default order is row...?

See: http://demo.utkast.org/index.php?main_page=index&cPath=1_31

To see the column layout you need to choose "Grid" in the dropdownlist.

Where could I change so that column-layout is default?

Best regards.
JDahlbom

JDAhlbom:

Hi,

Im wondering where I could change the default sort order to columnlayout istead of rows?
I've installed the mod and it works great, but the default order is row...?

See: http://demo.utkast.org/index.php?main_page=index&cPath=1_31

To see the column layout you need to choose "Grid" in the dropdownlist.

Where could I change so that column-layout is default?

Best regards.
JDahlbom

Hey JDahlbom,
I just installed this plugin for my ZC1.5, and was looking for solution exactly as your post.
So with no one replied to you, I tried out this this way. The outcome looks good, pls see mysite at gobiztunnel.com
for your reference.

product_listing.php
Change: if (!defined('PRODUCT_LISTING_LAYOUT_STYLE')) define('PRODUCT_LISTING_LAYOUT_STYLE',(isset($_GET['view']) ? $_GET['view'] : 'rows'));

To: if (!defined('PRODUCT_LISTING_LAYOUT_STYLE')) define('PRODUCT_LISTING_LAYOUT_STYLE',(isset($_GET['view']) ? $_GET['view'] : 'columns'));

tpl_index_product_list.php
Change: echo zen_draw_pull_down_menu('view', array(array('id'=>'rows','text'=>'List'),array('id'=>'columns','text'=>'Grid')), (isset($_GET['view']) ? $_GET['view'] : 'rows'), 'onchange="this.form.submit()"');

To: echo zen_draw_pull_down_menu('view', array(array('id'=>'columns','text'=>'Grid'),array('id'=>'rows','text'=>'List')), (isset($_GET['view']) ? $_GET['view'] : 'columns'), 'onchange="this.form.submit()"');

-songseng

songseng:

Hey JDahlbom,
I just installed this plugin for my ZC1.5, and was looking for solution exactly as your post.
So with no one replied to you, I tried out this this way. The outcome looks good, pls see mysite at gobiztunnel.com
for your reference.

product_listing.php
Change: if (!defined('PRODUCT_LISTING_LAYOUT_STYLE')) define('PRODUCT_LISTING_LAYOUT_STYLE',(isset($_GET['view']) ? $_GET['view'] : 'rows'));

To: if (!defined('PRODUCT_LISTING_LAYOUT_STYLE')) define('PRODUCT_LISTING_LAYOUT_STYLE',(isset($_GET['view']) ? $_GET['view'] : 'columns'));

tpl_index_product_list.php
Change: echo zen_draw_pull_down_menu('view', array(array('id'=>'rows','text'=>'List'),array('id'=>'columns','text'=>'Grid')), (isset($_GET['view']) ? $_GET['view'] : 'rows'), 'onchange="this.form.submit()"');

To: echo zen_draw_pull_down_menu('view', array(array('id'=>'columns','text'=>'Grid'),array('id'=>'rows','text'=>'List')), (isset($_GET['view']) ? $_GET['view'] : 'columns'), 'onchange="this.form.submit()"');

-songseng

Hi mate,

Thnx for the answer. I've already solved this with another solution. But thnx anyway.