Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
WooCommerce Elements
Product Categories

Product Categories

With this content element you can display grids and carousels with product categories of your online shop.

Check this demo:

https://codex-themes.com/thegem/shop/product-categories/

Content Tab

Layout

Skin

Select between different prebuilt design skins for displaying categories loops.

Layout Type

Choose between grid layout, creative grid layout and carousel.

Columns Desktop, Tablet, Mobile

select number of columns to display in categories grid on different screens. In case of selecting 100% width for desktop, your categories grid will be automatically stretched to the 100% width of the page and you will get an additional option “100% Width Columns” to specify the number of columns for 100% width grid for screen resolutions greater than 1920px. Please note: 100% width doesn’t appear as 100% width in Elementor edit mode as the element is always limited by section/column’s width settings. However on the front end the gallery grid will take the full 100% width.

Image Size

You can choose to display thumbnails, generated by theme for categories grids, or original featured images, uploaded in product categories (full size)

Image Aspect Ratio

With this setting you can specify the custom image aspect ratio to display in posts grid. Leave blank to show the original image ratio.

Categories

Here you can select product categories to display in categories grid/carousel.

Caption

Caption contains category title and optionally product counts. In this section you can choose where to display the caption: below image or on image.