TheGem Products Grid

Flexible Customizable Content Module for Displaying Products on Your Website.

TheGem Products Grid is available for product archive pages in Theme Options and as content element both in Elementor and WPBakery page builders. It helps you to add products on any page and layout section as creative customizable grids. Enhance your online shop with better shopping experience!

Extended Grid Layouts

Boost your product catalogs with extended layout & design options. Achieve more conversions due to better user experience, better responsiveness, better design!

Layout Types
Grid Columns
Gaps & Spacings
Responsive Options
Caption Positions
Aspect Ratios

Adjustable
Presets

Pre-made designs for displaying products in grid. Speed up your working process on building online shops with different design requirements. All presets are customizable and adjustable to fulfill any project needs.

Multiple
data sources

Display products by categories, by attributes or combine both. Select only new, on sale or/and featured products. Fine-tune your data selection to display specific products in grid. Possibilities are endless!

Multiple
data sources

Display products by categories, by attributes or combine both. Select only new, on sale or/and featured products. Fine-tune your data selection to display specific products in grid. Possibilities are endless!

Powerful AJAX filters

Bring the shopping experience to the next level offering your customers comfortable and fast product filters to find the matching products. Maximize your conversions!

Sidebar Filter
Horizontal Filter
Categories-Only Filter
Off Canvas Filter

Beautiful Products Grids

TheGem Products Grid opens an unlimited possibilities in presenting your online shop in a modern fresh way. Your shop visitors will love its usability, style and performance. With TheGem Products Grid you will definitely increase your shop conversions!

Pagination Types

Choose from three different pagination types. Display your products grid with classic numbered pagination or add a “Load More” button or enable infinite scrolling pagination to load products on scroll dynamically.

«Load More»
Infinite Scroll
Standard
Caption Positions

Create product catalogs in a flexible creative way showing product captions on different positions. You can choose to display product titles, prices, categories etc. below the product image, on product image or on image hover.

Below the
Product Image
On Product
Image
On Image
Hover
Label Styles

Add attractive product labels to catch attention on your sales, newcomings and out of stock products. Choose from 5 different styles – all customizable to meet your specific design requirements.

Label 1
Label 2
Label 3
Label 4
Label 5
Label 6
Hover Types

Choose from multiple creative product hover effects included in TheGem products grid to stand out from your competition.

Fading Next
Image
Sliding Next
Image
Cyan Breeze
Zooming
White
Horizontal
Sliding
Vertical Sliding
Gradient
Circular
Overlay
Loading Animations

Enhance the loading experience of your product catalog with beautiful modern animation effects.

Fade In
Fall Perspective
Flip
Scale
Move Up
Easy Localization

Easily translate every part of your product catalog without needing to use any translation plugins. All text fragments in TheGem products grid are available for language localization directly in grid settings.

Endless Customizations

Customize everything in your product catalog in an easy and fast way. All products grid settings and styles are adjustable without needing to write any custom css – all options are available in TheGem and your favorite page builder!

TheGem is multi-purpose wordpress theme for creative agencies, business of any kind, online stores, designers, architects, photographers, freelancers, bloggers etc. – TheGem delivers everything to cover your ambitions & creative needs! Grab this theme now and start building the website of your dreams!