TZ Flex Grid

Read Time: 2 mins

I. MODULE PREVIEW:

II. CONFIGURATION:

  • Module type: TZ Flex Grid
  • In module tab: Select categories created in TZ Portfolio+ extension
  • Enable filter option and choose filter type (Categories or Tags)
  • Choose Flex Grid Style: Grid / Horizontal Masonry / Vertical Masonry
  • In Flex Grid Option tab: Enable lightbox feature and select lightbox options
  • Please make sure you have assigned this module to specific menu items or on all pages

Module:

 

Flex Grid Options:

 

Advanced:

 

After choosing Flex Grid Style, responsive options will be shown out and you're better configure them properly. Then go to frontend to see how it's affected. 

TZ Flex Grid also supports Bootstrap option, so you can enable it and choose Bootstrap version

Grid Style:

  • After choosing Flex Grid Style, responsive options will be shown out and you're better configure them properly
  • With Grid Style: there are 4 sub-styles coming along (Style 1, 2, 3, 4)
  • Witdth of Grid (px): the width of each grid column displayed
  • Height of Grid (px): the height of each grid row displayed

 

Horizontal Masonry Style:

  • With Horizontal Masonry Style: set Height of Grid (px)

 

Vertical Masonry Style:

  • Min of Coumns: the min number of columns will be displyed on desktop view
  • Vertical Masonry Gallery Height (px): the height of vertical masonry gallery is affected to vertical masonry type

 

Uchiha Itachi

Login