Pinto Grid

Whit this extension you will be able to make custom grids for your CMS.

Pinto grid is based on Pinto – jQuery Responsive Grid Layout Plugin

How it works

After you installed the extension you will find a new "Pinterest" tab at: System > Settings > Edit your site >Pinterest tab

Here first you can see two global settings. One for information lists and one for gallery thumbs.

If you use yes at "Global Settings" fields then all related lists will use these settings.

The first global settings for information lists like information categories and search results.

The second global gallery settings is for gallery thumbs, and these settings will be used when you use the "Gallery from banner" option at information gallery tab.

If you choose no for global settings then you can make custom sized grids for categories, search, and with information category items module, and with gallery module.

You will find 3 new fields at information category items and gallery module:

Width:  This is the wanted item width. Your columns based on this value and the device screen width. The items always be responsive and they will fill all space what they have.

Default value: 250

Minimum: 50

Maximum: 800

Gap X: Horizontal space between items.

Gap Y: Vertical space between items.

You will get a loading screen while the browser is loading the grid.

The default loading text is "Loading...". You can modify this text in your language files

catalog/language/english/information/category.php

catalog/language/english/common/searches.php

catalog/language/english/module/information_category_items.php

$_['text_loading'] = 'Loading...';

Gallery module use information category items language file for this.

Of course if you have another template with another grid system then you don't need this extension.

INSTALLATION INSTRUCTIONS - OCMOD (ZIP) 

FTP HAS TO BE ENABLED IN OPENCART OR GRANDCMS SETTINGS! Or you can use QuickFix

  1. In "Extensions > Extension Installer" press the blue "Upload" button and upload the file "pinto_grid.ocmod.zip". 
  2. In "Extensions > Modifications" press the top right blue "Refresh" button (circular arrows) to refresh the modification cache. 
  3. Done!

Here are two version one for default and one for all template. If your template wont work with this grid system then uninstall it.