Category Thumbnail
Overview
Blueskytechco Page Builder offers a wide range of functions for creating content through drag-and-drop pre-built controls. One of these functions is the Category Thumbnail Module, which allows for the display of categories in various templates with a variety of customizations. The following information provides a guide on how to work with the Page Builder - Category Thumbnail module.
Introduction to PageBuilder - Category Thumbnail
Learning how to create Category Thumbnail with PageBuilder:
How to Configure
1. Appearance
There are two appearance types: Grid/List and Carousel. Select Grid/List if you want to show categories by Grid or List, select Carousel if you want to show categories by Carousel.
Carousel
Grid/List
a. Grid/List
There are 6 Grid or List templates of category thumbnail.
In the Categories field: Add the Categories which you want to show in Category Thumbnail. *
In the Title field: Specify title you want to display on the frontend. You can leave it blank if necessary.
In the Short description field: Specify short description you want to display on the frontend. You can leave it blank if necessary.
In the Space Between Item field: Setup Space between Collections.
In the Image Hover Effects field: Specify CSS Image Hover Effects.
b. Carousel
There are 5 Carousel templates of category thumbnail.
In the Categories field: Add the Categories which you want to show in Category Thumbnail. *
In the Title field: Specify title you want to display on the frontend. You can leave it blank if necessary.
In the Short description field: Specify short description you want to display on the frontend. You can leave it blank if necessary.
In the Image Hover Effects field: Specify CSS Image Hover Effects.
In the Width Images field: Please specify width attributes for images you want to display on the frontend. You can leave it blank if use default.
In the Height Images field: Please specify height attributes for images you want to display on the frontend. You can leave it blank if use default.
Copyright © 2023 Blueskytechco.com. All Rights Reserved.
Last updated