Column Layout Grid v2.x Support

I am so excited about this plug in.

I just installed the current Column layout grid on 1.5.5f. I ran sql from tools, I can see it in my admin.

I uploaded includes/languages/english/extra_definitions/YOUR_TEMPLATE/column_layout_grid_defines.php into my_template folder
I added this to the bottom of the css page
.centerBoxContentsProducts { padding: 1em 0; }

In admin:

Product Listing - Layout Style columns
Product Listing - Columns Per Row 4
Product Listing - Layout Style - Customer Control 0
Product Listing - Show Sorter for Columns Layout 0

https://www.uesakausa.com/index.php?...ndex&cPath=1_5

cleared cache and it still is in rows. Any ideas where I may have goofed?

Thanks in advance for your help.

Quote:

---

Originally Posted by MaxBodine

I am so excited about this plug in.

I just installed the current Column layout grid on 1.5.5f. I ran sql from tools, I can see it in my admin.

I uploaded includes/languages/english/extra_definitions/YOUR_TEMPLATE/column_layout_grid_defines.php into my_template folder
I added this to the bottom of the css page
.centerBoxContentsProducts { padding: 1em 0; }

In admin:

Product Listing - Layout Style columns
Product Listing - Columns Per Row 4
Product Listing - Layout Style - Customer Control 0
Product Listing - Show Sorter for Columns Layout 0

https://www.uesakausa.com/index.php?...ndex&cPath=1_5

cleared cache and it still is in rows. Any ideas where I may have goofed?

Thanks in advance for your help.

---

I would assume that the file doing the work - includes/modules/YOUR_TEMPLATE/product_listing.php is not seeing or using the database switches/flags.

And/Or

includes/templates/YOUR_TEMPLATE/tpl_modules_product_listing.php isn't publishing what may or may not have been found in the previously mentioned product_listing.php.

Another common problem is the new files aren't overwritten on the server, all FTP software has timeout - memory problems natively. So be sure that the new merged version is in your template folder on the server.

THANK YOU twitchtoo for the quick response!

FTP bleep was the issue, missed some files.

Now looking at this I would like to move all the text under the images.

https://www.uesakausa.com/index.php?...ndex&cPath=1_5

I searched for itemTitle and it brought up
temp/product_listing.php
temp/templates/tpl_modules_products_all_listing.php
temp/templates/tpl_modules_products_featured_listing.php
temp/templates/tpl_modules_products_new_listing.php
templates/responsive_classic/templates/tpl_modules_products_all_listing.php
/responsive_classic/templates/tpl_modules_products_featured_listing.php
templates/responsive_classic/templates/tpl_modules_products_new_listing.php

Opened the first one and found several break statements. I am assuming I would need to put a break or p tag in the $lc_text definitions...? First I don't know if that is the solutions and second there are so many of them I am worried if I put them in all of them I am creating a can of worms.

It is responsive and I feel there has to be a better option.

Any ideas?

Thanks in advance for any help!

Quote:

---

Originally Posted by MaxBodine

THANK YOU twitchtoo for the quick response!

FTP bleep was the issue, missed some files.

Now looking at this I would like to move all the text under the images.

https://www.uesakausa.com/index.php?...ndex&cPath=1_5

I searched for itemTitle and it brought up
temp/product_listing.php
temp/templates/tpl_modules_products_all_listing.php
temp/templates/tpl_modules_products_featured_listing.php
temp/templates/tpl_modules_products_new_listing.php
templates/responsive_classic/templates/tpl_modules_products_all_listing.php
/responsive_classic/templates/tpl_modules_products_featured_listing.php
templates/responsive_classic/templates/tpl_modules_products_new_listing.php

Opened the first one and found several break statements. I am assuming I would need to put a break or p tag in the $lc_text definitions...? First I don't know if that is the solutions and second there are so many of them I am worried if I put them in all of them I am creating a can of worms.

It is responsive and I feel there has to be a better option.

Any ideas?

Thanks in advance for any help!

---

I've already done that in the Twitchtoo Code Shop Template here:
http://twitchtoo.com/tR_codeSHOP/ind...=index&cPath=2

It's done with CSS only.

In FireFox you can right click and View Code
Then click the .css links for the newest version.

Make yourself a file and compare it to your own. There are a lot of little changes to remove the floats and center everything so that it looks and works the same on all platforms/devices.

I continue to install new modules and make minor changes to the code shop so the live site always has the newest stable version.

Or, you could email me and I could send you a zip of the css folder :)

When unzipping the file i get Includes and Your Template in the same level, am i missing something?

Attachment 17968

Quote:

---

Originally Posted by MaxBodine

Now looking at this I would like to move all the text under the images.

---

I don't believe you need to make file changes.

In Admin > Configuration > Product Listing > Display Product Name - the value corresponds to the postion. I'm pretty sure this used to be explained in the comments, no more though. From memory, valid entries are 0,1,2,3 you can also apply these to the other elements to be displayed. Experiment with them to see their effect. I suspect that, depending on the values of the other elements, Display Product Name = 2 will place the name directly below the image.

Edit: just looked at your link and you seem to have resolved the issue.

Although I often forget, like now, I do sometimes find that the Zen Cart Wiki is a useful source of information. An explanation of how to control the appearance of the Product Listing pages can be found on this wiki page

Is there a clear instruction on how to install this addon?

Quote:

---

Originally Posted by TamyA

Is there a clear instruction on how to install this addon?

---

Yes they are included in the install package - ColumnGridLayout_for_155f-instructions.txt

You should see the /includes folder, install instructions and the GNU license in the Zen Cart Plugin - Download Latest

As per this post and follow up:
https://www.zen-cart.com/showthread....05#post1348505

To correct the problem of product listing alignment issues on mobile/responsive landscape view after installing this CGL for 1.55f the following change will be added to the future release I would advise you to make the change to your site now:
In your CSS template specific files change the height: 100%; for all instances of .list-image to max-height: 100%; (especially the responsive_mobile.css)