Bluesky Techco
  • 1. INTRODUCTION
    • Getting Started
  • 2. THEME INSTALLATION
    • Base_Start_Package
    • Quick_Start_Package
  • 3.THEME CUSTOMIZE
    • Theme Design
    • Slider Revolution
    • Theme Settings
    • Setting TopBar
  • 4. Page Builder
    • Page Builder
    • PageBuilder - Icon Box
    • PageBuilder - FAQs
    • PageBuilder - Blog Posts
    • Pagebuilder - Lookbook
    • PageBuilder - Category Thumbnail
    • PageBuilder - Image Box
    • Pagebuilder - Testimonial
    • Page Builder - Instagram
    • Introduction to PageBuilder - Quote
    • PageBuilder - Daily Deal
    • PageBuilder - Gallery
    • PageBuilder - Product Advanced
    • Pagebuilder - Product Countdown Timers
    • Pagebuilder - Newsletter
    • Pagebuilder - Static Menu
    • PageBuilder - Banner
  • 5. OUR MODULE
    • Ajax Suite
    • Menu Builder
    • Quick View
    • Instagram
    • Lookbook
    • One Page Checkout
    • Optimize Speed
    • Product Questions
    • Product Size Charts
    • Search Suite
    • Store Locator
Powered by GitBook
On this page
  • Overview
  • Introduction to PageBuilder - Category Thumbnail
  • How to Configure
  1. 4. Page Builder

PageBuilder - Category Thumbnail

Updated on February 17, 2022 Bluesky Team

PreviousPagebuilder - LookbookNextPageBuilder - Image Box

Last updated 2 years ago

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 . All Rights Reserved.

Blueskytechco.com
Page cover image