Column Layout Grid for Product Listing

[bollyretails]

I am using Zen Cart Ver. 1.3.9h

I tried to install the Column Layout Grid Module, but I am getting the following errors while executing SQL query:

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.

I tried to find answer to this issue, but failed. Kindly help me out.

[jacgo]

Zen Cart v1.3.9h/v1.3.9h
Template : Black PureFree

Hi All

I would like to make products to be grid list.
I installed the mod "column_layout_grid_for_product_listing_1-3-8"

It is no problem in grid list. but the layout is messing..
please kindly see:
problem demo link : :http://www.tellabsapacstore.com/cart...=index&cPath=1

1) :
My product information are now crooked, some high some low. How to make it on same position??


The information is also messing.. image see:


2): Hope it could read like this:
Name of product
Description of product
Price of product
Quantity Available
Add to Cart

3) :
The "quantity" is only number there. can not find place to add "Quantity Available" sentence.
Where I can add it??

I spent a lot of time to try to fix it. It is really hard to do.

Hope someone know how to do it..and sorry my poor English..
Thanks a lot!


Jacgo

[dgent]

Has anyone adapted this mod so the CUSTOMER can select themselves whether to view listings in row or column view like on Ebay etc...?

[barendfaber]

You have left the $col_width and % in there, which ought to cause an error and probably have the inline styling ignored. Did you put a 200px width in the stylesheet?

A better way to alter this would be around line 100 in the Column Grid product_listing.php:

  // Used for Column Layout (Grid Layout) add on module
  $column = 0;    
  if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
    if ($num_products_count < PRODUCT_LISTING_COLUMNS_PER_ROW || PRODUCT_LISTING_COLUMNS_PER_ROW == 0 ) {
      $col_width = floor(100/$num_products_count) - 0.5;
    } else {
      $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
    }
  }
  // Used for Column Layout (Grid Layout) add on module 

Change to

// Used for Column Layout (Grid Layout) add on module
  $column = 0;    
  if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
    //if ($num_products_count < PRODUCT_LISTING_COLUMNS_PER_ROW || PRODUCT_LISTING_COLUMNS_PER_ROW == 0 ) {
      //$col_width = floor(100/$num_products_count) - 0.5;
    //} else {
      $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
    //}
  }
  // Used for Column Layout (Grid Layout) add on module 

The remaining line
$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
will automatically make all products width according to the per-row setting, so if you were to change it to 3 per row you would not need to re-edit the code.

Hi, I am using Zen Cart 1.3.9, with the single listing and column layout grid. I have made the above change to my site, but for some reason it it still showing the last product under Vintage Hermes Scarves (http://www.blackorangevintage.com/in...ort=20a&page=3) in the middle of the page. How can I get this picture to show on the left hand side?

[hitz310]

I'm so grateful for mods... but this one's driving me insane, because I think I followed all the instructions and yet it's still not working.

http://baratowatches .com/index.php?main_page=index&cPath=1

If I change it back to rows, the products align in the center. Back to columns, it remains in one column and moves to the left. I changed the Product Listing Columns Per Row to 4 but instead it seems to show groups of 4 items vertically rather than horizontally.

Any suggestions? Thanks in advance for responses!

[gjh42]

Your template appears to have totally reworked the identifiers (class/id tags) for most parts of your site, and your stylesheets have only rules for the new identifiers. Most of the rules that control standard page elements are missing, so it's no wonder a standard mod doesn't work as expected.

Add to your stylesheet

.centerBoxContentsProducts {float: left;}

There are many other parts of your site that will probably not work the way they were originally designed, as well. It will be a nightmare to update this template, as there must be dozens of major core files drastically changed for no particular reason except to have new tags.

You still have a complete page within a page - your template apparently starts a new HTML document after the Zen Cart page is begun, and terminates the HTML before the ZC page ends. This is a major problem, and really needs to be fixed so you don't have more problems with your site. Your whole template is horribly screwed up. Do you know why it uses the /oxo-ecommerce/Template css-xhtml/ files?

[Website Rob]

I'm so grateful for mods... but this one's driving me insane, because I think I followed all the instructions and yet it's still not working.

http://baratowatches .com/index.php?main_page=index&cPath=1

You have invalid code and it looks like a page within a page.

<! DOCTYPE
<head
...
</head

<body id="indexBody"

<div id="mainWrapper"

<head
...
</head

<body
<div id="Layout"

...

</body
</html

</div>
<!--bof- parse time display
<!--eof- parse time display
<!--bof- banner #6 display
<!--eof- banner #6 display
</body></html>

The parts in Bold should not be there.

Whomever created or altered your Template did not do it correctly. Until the invalid code is corrected, many things on your site will not work or not work properly.

[hitz310]

gjh42 and Website Rob... you guys are life savers. Thank you for putting it plainly for me. This stuff is really difficult for me! I will investigate further and try to fix this mess!!

Thank you thank you thank you!

[hitz310]

Now that Column Grid is functional for me, there are a few issues that I suspect have to do with my stylesheet. But I'm clueless when it comes to CSS!

I changed the Admin setting to remove Navigation Header Displaying 1 to XX products from the top and leave it at bottom only. This resulted in the first row of all my categories to go haywire. Also, how can I get a space between "Displaying 1 to XX" and the above photos?

On one of my pages, there is a single image in its own row in the last column. It seems to happen on this page only, and the code is exactly the same as other product pages. (All pictures have been cropped to a ratio of 1:1 so there should be no height/width variation) http://baratowatches .com/index.php?main_page=index&cPath=6

For New Products, I enabled 4 columns, but it remains as 3. I tried putting in width: 23.5%; under CenterBoxContentsNew and random other places to see if it did anything, but nothing. http://baratowatches .com/index.php

Thank you in advance for help!!! It is greatly appreciated!

[gjh42]

The items are set for 4 per row, and auto-calculated for width: 25%. This leaves no room at all for margins or padding.

stylesheet.css #2 (line 586)

.centerBoxContentsProducts, .centerBoxContentsNew {
float: left;
margin: 0.1em;
text-align: center;
}

If you want margins, you can override the inline styling by adding to that rule

width: 23% !important;


I notice you have eliminated the additional <head> and <body> tags, but your template is still set up strangely. Aside from the fact that it repeats an apparent site wrapper after Zen Cart outputs the standard #mainWrapper, it also has metatags and other things that belong in the head.
Where did the template come from? It really doesn't seem like a ZC template, or else it is trying very hard to be different in structure.