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.