Category Thumbnail
Updated on February 17, 2022 Bluesky Team
Overview
Blueskytechco Page Builder provides a lot of functions for creating content by dragging-and-dropping pre-built controls. One of them is Category Thumbnail Module. It is also a module for displaying categories, but this makes it available in many different templates, with many different customizations. The following information will guide you how to work with Page Builder - Category Thumbnail.
Introduction to PageBuilder - Category Thumbnail
Learn how you can 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 © 2022 Blueskytechco.com. All Rights Reserved.
Last updated
