Modal logic includes the html logic, content and styling of the modals. It is completely built upon the light gallery code of the original plugin by changing an image being displayed to an html modal.
It is in the assets/lib/light-gallery directory. Please see these commits for the inital changes and changes locations for modal logic.
The post data is stored this way:
The calls to get data for each post are built by changing the original plugin's ajax calls to get the light gallery's image data to an GET request to WordPress's REST API to get post data and then render that data in the modal instead.
The GET request for a post's data upon opening its modal is in the assets/js/frontend directory. Please see these commits for the initial changes and changes locations for modal logic. Please see the WordPress REST API docs for more information on the requests being used.
For remix counter logic, remix count from the GET request of opening up a modal is used to display the count. However, another GET request to get the count is made again when the remix button is actually clicked (to prevent miscount if others remixed the same module at the same time). Then, a POST request to the php backend triggered a WordPress function that increments the module/post's remixCounter custom field. See this commit for the original implementation.
Grid styling logic is in the assets/css directory. Please see these commits for the initial changes and changes locations for grid styling logic.
For the marketing/business team's convenience , significant changes to the plugin should be reflected in the WordPress plugin options if possible. For example, changing a certain template to fit our use case should also have its template preview and name changed, and made visible in the plugin's WordPress options/settings to minimise potential confusion.
This logic is in the assets/js/backend directory, the grid-plus.php file and other locations. Please see these commits for the initial changes and changes locations for WordPress plugin options logic.
Zip the repo into a single folder named 'grid-plus.9.9.9' and add it to WordPress as a new plugin. Alternatively, for minor changes/ changes to only a few files, you can change the plugin code on WordPress directly through 'Plugins -> 'Plugin Editor'.
=== Grid Plus - Unlimited grid layout === Contributors: g5theme Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=2CPAKYLULL2KG Tags: gallery, grid layout, masonry layout, metro layout, carousel layout, woocommerce, ecommerce, custom post type Requires at least: 4.5 Tested up to: 5.5.0 Stable tag: 9.9.9 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html
Grid Plus is a WordPress plugin which allows you create unlimited layout and display all post types in a fully customizable.
== Description ==
Main Site | Demo | Docs | Premium Version
Create unlimited layout and display all post types.
Grid Plus is a WordPress grid plugin which allows you create unlimited layout and display all post types in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce or any kind of Wordpress post type.
[youtube https://www.youtube.com/watch?v=CUOywQAadzU]
Responsive Ready: Grid looks great from small resolutions to large displays.
Unlimited color: You can set your own color scheme or choose from custom css for each grid.
Media Metabox Ready: provide media metabox for post and custom post type.
Layout builder: With layout builder, you can build many layout follow what you want:
Add more skin: Grid provide action hook for developer can be add more item skin
Developer friendly. Grid Plus is built to be extensible.
Become a Premium user
Grid Plus has a Premium version which comes with several additional benefits.
- Import & Export: You can export grid layout from another site and import to new site easy
- Unlimited Layout: include layout builder for Metro layout
- More item skin
== Installation ==
grid-plus.zip
to your plugins directory, which usually is /wp-content/plugins/
.[youtube https://www.youtube.com/watch?v=jfVihKHTX9o]
== Frequently Asked Questions ==
More detailed documentation can be found in the Grid Plus knowledge base.
== Screenshots ==
== Changelog ==
** Fix error page not found when preview page
** Fix meta box with WordPress 5.5
** Fix color picker alpha with WordPress 5.5
**Fix display excerpt for html format
Add: View video for attachment
Add: Options to decide load image with thumbnail or full
Fixed error loading Grid Stack
Fixed error conflict script clipboard with wordpress 5.0
Fixed Loading Information do not stop when Edit Grid Plus Shortcode
Fixed conflict js library between Underscore and Lodash Fixed Color picker on "Color & CSS" tab
Updated: Allow Choose media items on Data Source tab Fixed and Updated: Some css and js file Fixed Show all on Data Source tab
Updated: Allow Choose Page as post type in Data Source tab Updated: Allow Choose exact posts in Data Source tab
Fixed color picker on Wordpress newest version 4.9.4
Updated: Fixed some warning when check in validator.w3.org
Updated: Compatible with Wordpress 4.8 Updated: Allow download image in lightbox popup Fixed: Some css attributes
Fixed: Fix category filter Fixed: Fix re-generate layout error
Fixed: Fix "orderby" error
Fixed: Fix "Show all" error Fixed: Fix Import Grid
Fixed: Fix conflicts with tabs, accordions Added: Allow select show category filter multi line
Fixed: View image on click icon gallery
Fixed: Calculate the image size on mobile
Fixed: Crop image size Remove "boostrap" from lib Fixed: Expanded category filter
Added: Allow "disable link" to item detail Added: Add "Thumnail Only" for Skins Fixed: Gutter layout masonry
Added: View gallery attachment by item index Fixed: Fix pagination, category filter on mobile, tablet
Added: Add "None" for item animation option Added: Save when pressing "ctrl + s" Fixed: Tooltip error in woocommerce Fixed: Re-style for woocommerce skin Fixed: for selecting total item show all Update: optimized js Added: maintain the "active element" status while running ajax Fixed: Handling "owl-carousel" conflict between plugin and theme Added: Allow to select grid from editor
Update & Fixed: Allow crop image by size Added: Add some color attributes in Back-end Added: Allow link to item detail on thumbnail click Update: Re-style some css attributes Fixed: Re-init paging navigation after click on Category filter item Update: Auto-narrow category when too long Update: Change style for dots, nav in Carousel layout
Update order category filter
Fix filter category for post-type media Add skin for woocommerce Add dynamic crop image size
Fix warning post format-ui when theme not define post-format
Add woocommerce skin
Add media skin
update function gf_enqueue_custom_css
Initial version