Products grid

Amazing WooCommerce products presentation with stylish hover effects.

About Products Grid

Short Description

Display your products with the stylish grid module. Three pre set hover styles help you to select the most suitable one and customize the products. You may select the products type to display (e.g. category, recent products, order, etc.) to organize them.

Style — Simple; Layout — default; Inside options — recent products;
Watch module video
Use 1080p for better quality.
Image module
[woocomposer_grid shortcode=”JTVCcmVjZW50X3Byb2R1Y3RzJTIwJTIwcGVyX3BhZ2UlM0QlMjI0JTIyJTIwY29sdW1ucyUzRCUyMjQlMjIlMjBvcmRlcmJ5JTNEJTIyZGF0ZSUyMiUyMG9yZGVyJTNEJTIyYXNjJTIyJTVE” buttons_color_scheme=”dfd-buttons-dark” products_style=”style-1″]

Lorem ipsum dolor sit amet, consectetur.

Module variations

Simple Style
Image module
Style — simple; Layout — recent products; Inside options — lignt buttons;
[woocomposer_grid shortcode=”JTVCcmVjZW50X3Byb2R1Y3RzJTIwJTIwcGVyX3BhZ2UlM0QlMjI0JTIyJTIwY29sdW1ucyUzRCUyMjQlMjIlMjBvcmRlcmJ5JTNEJTIyZGF0ZSUyMiUyMG9yZGVyJTNEJTIyYXNjJTIyJTVE” products_style=”style-1″]
Advanced Style
Image module
Style — advanced; Layout — product category; Inside options — gradient mask;
[woocompose
r_grid shortcode=”JTVCcHJvZHVjdF9jYXRlZ29yeSUyMCUyMHBlcl9wYWdlJTNEJTIyNCUyMiUyMGNvbHVtbnMlM0QlMjI0JTIyJTIwb3JkZXJieSUzRCUyMmRhdGUlMjIlMjBvcmRlciUzRCUyMmFzYyUyMiUyMGNhdGVnb3J5JTNEJTIyc2hvZXMlMjIlNUQ=” excerpt_length=”25″ mask_style=”gradient” mask_opacity=”0.9″ products_style=”style-2″ mask_gradient=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #554346), color-stop(100%, #45505B));background: -moz-linear-gradient(left,#554346 0%,#45505B 100%);background: -webkit-linear-gradient(left,#554346 0%,#45505B 100%);background: -o-linear-gradient(left,#554346 0%,#45505B 100%);background: -ms-linear-gradient(left,#554346 0%,#45505B 100%);background: linear-gradient(left,#554346 0%,#45505B 100%);”]
Full Style
Image module
Style — full; Layout — product category; Inside options — gradient mask;
[woocomposer_grid shortcode=”JTVCcHJvZHVjdF9jYXRlZ29yeSUyMCUyMHBlcl9wYWdlJTNEJTIyNCUyMiUyMGNvbHVtbnMlM0QlMjI0JTIyJTIwb3JkZXJieSUzRCUyMmRhdGUlMjIlMjBvcmRlciUzRCUyMmFzYyUyMiUyMGNhdGVnb3J5JTNEJTIydC1zaGlydHMlMjIlNUQ=” excerpt_length=”25″ mask_style=”gradient” mask_opacity=”0.9″ products_style=”style-3″ mask_gradient=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #554346), color-stop(100%, #45505B));background: -moz-linear-gradient(left,#554346 0%,#45505B 100%);background: -webkit-linear-gradient(left,#554346 0%,#45505B 100%);background: -o-linear-gradient(left,#554346 0%,#45505B 100%);background: -ms-linear-gradient(left,#554346 0%,#45505B 100%);background: linear-gradient(left,#554346 0%,#45505B 100%);”]