Let's fly creativity!

2 minutes reading time (453 words)

How to make Besley style & Grid Gallery add-on work in pair


Thanks to the release of a new awesome add-on - Grid Gallery which brings TZ Portfolio+ users a chance to display their portfolio gallery in a glamorous look. Our team have also recently updated all TZ Portfolio+ styles to make them completely compatible with this add-on. So this article today is to instruct you how to display Besley style in Grid Gallery

I. One-click installation

1. Install Besley style

  • Go to Admin > Components > TZ Portfolio Plus > Styles
  • Click button "Install" > Navigate Besley style > Click button "Install Now"
  • Finally, a green message appears "Installation of the Style was successful".

2. Install Grid Gallery add-on

  • Go to Admin > Components > TZ Portfolio Plus > Styles
  • Click button "Install" > Navigate Grid Gallery style > Click button "Install Now"
  • Finally, a green message appears "Installation of the Add-on was successful".​

Install Besley style 

​Install Grid Gallery

II. Configurations

1. Configure Grid Gallery add-on 

  • After having done installation, the add-on surely appears in Add-on Manager
  • Go to Admin > Components > TZ Portfolio Plus > Add-ons >Click on Media Type - Grid Gallery
  • In tab "Add-on": select light-box options
  • In tab "Front-end options": choose "grid style" option, as well as adjust width and height of grid images

Configure Grid Gallery add-on

Configure Grid Gallery add-on

2. Configure Besley layout builder 

After having done installing the Besley style, Besley - default has already appeared in Layout manager

  • Go to Admin > Components > TZ Portfolio Plus > Layouts > "Besley - default"
  • Manage layout rows and columns like the way you want
  • Configure background hover color and text color
Configure layout builder

III. Prepare portfolio articles

  • Go to Admin > Components > TZ Portfolio Plus > Article > Add "New"
  • Enter your own content and configure options (Article View Options) on the right side
  • Choose media type ( Image / Image gallery / Video / Grid Gallery ..) and Style ( besley - Default)

​IV. Add new menu item

  • Go to Admin > Menus > Main Menu > Add New
  • Menu item type: TZ Portfolio Plus » Portfolio 
  • TZ Portfolio Plus Layout: Choose "besley - Default"
  • Go to tab "Basic options" and configure
Add new menu
Configure basic options

Let's have a look at how beautifully Besley style matches with Grid Gallery on our demo.

V. Sum Up 

​After all, congratulations! you have already got a perfect portfolio page using Besley style and display with grid gallery. I hope this article will be helpful for all of you not only with Besley style, but also applying to others. If you have any difficulties in following this guideline, feel free to contact us, and we're willing to help anytime. 

[New release] Introducing a brand-new addon - Flip...
[Updates] 7 TZ Portfolio+ styles get new goodies a...

Related Posts


By accepting you will be accessing a service provided by a third-party external to https://www.tzportfolio.com/

Search Blogs

Latest Posts

07 March 2023
Today I'm so pleased to announce that we have recently released 2 brand-new add-ons of TZ Portfolio+ extension, they are Pricing Content and Form Builder. There is no need to have coding skills to get familiar with these 2 addons, because they a...
25 February 2023
Hi folks, here is good news. We have recently released a new version of TZ Portfolio+ component to address some known issues encountered from the previous release and provide important improvements. Let's take a brief look at what is included in this...
09 December 2022
Hi guys, Today, I'm so pleased to introduce a new addon - Progress Bar which allows you to create progress bars (as its name says) to showcase important stats in a flexible way. Utilizing progress bar is a good way for your visitors to know more abou...
03 November 2022
Hi folks, We're so pleased to announce a new version of TZ Portfolio+ is already available now. Version 2.6.2 was released to address some minor bugs which are well-known in previous versions. Let's see what was fixed in this version.  TZ P...
26 October 2022
Halloween 2022 is just around the corner. All the witches are talking about this sale. So trick or treat? On this occasion, no trick at all, treat yourself with the special deal offered by TemPlaza.  Offer Details: 65% Discount On All Packa...

Tag Cloud

multilevelfilter ​ Profiler CSSFramework JSN Agency Music blackfriday Oraz template TZ Portfolio+ 2.1.1 Festival freetemplate TZPortfolio+Pro Amuda TZPortfolio+2.2.1 PortfolioStyles Gaia Folio template Folio Contentaddon TZFlexGrid JQuery XMas Dino Christmas 2018 TZPortfolio2.1.5 Button Add-on tzportfolio+carousel Free Extension LeaderPrice LunarNewYear TZPortfolio+2.1.6 CSS3 add-ons Jcontent JDArchi Keira TZPortfolio Grid Gallery RealEstate Partners InstallationWizard halloween Security font Addons imagegallery personallicense lightbox Photographer freelicense Article join our club FlipBookGallery laborday Search joomlatemplate Astroid JDParis Christmas Pricing Saleoff freetemplates Migration New features TZPortfolio+2.1.4 Joomla3.x eastersale Goldena Christ 100%discount Gallerycontent COVID19 music add-on TetHoliday add-ons.TZ Portfolio users Birthday Cybermonday Masonry Update customlinks Featurebox progressbar Mayastyle color addon Extensions Override K2 JDCoax Colors Responsive add-ons Portfolio Joomla templates V2.1.0 Joomla 4 megadiscount Activation Layout Builder TokenKey consulta Joomla Content One-Click Install Template Styles extension TZ Portfolio+ 2.1.2 Joomla template charity TZ Portfolio Plus Pro ArtGallery Photography Events WeddingGallery Salon Joomla Template portfolioextension Jollyany selena template Videocontent WordPress Joomla3.9.4 domainregister PortfolioDesign Easter2019 TreeFilter CustomerSupport InfiniteCarousel JD Gurukul CharityAddon BootstrapLibrary charity add-on Flipbook tzportfolio+articles K 2 migration Elegantstyle Fixes Joomlatemplates collaboration freeversion Creative TZPortfolio+2.1.9 Free fundraising ArumStyle comment add-on Bootstrap3 Templates Joomdev SingleArticle labourday gridgallery Bootstrap4 slider OpenSource Joomlaextensions Joomlaextension supportcampaign Styles WebsitePortfolio vani Besley style Joomla Bug-fixes 30% OFF personalbundle lunarnewyear2019 jdnewyork updates TZPortfolio+2.2.8 Elegant JDSalon joomla3.10.x stayhome Happynewyear PHP7.4 Portfolio Password Bug-fix Carousel Joomla4 Joomla3.9 overrides Survey TZPortfolio+ Selena extrafields License discount Improvements AdvancedSearch JDAgency Zalta JSN Portfolio templates Tutorials TZPortfolio+2.2.0 protectcontent ArticleLimit TZ Portfolio memberships TZ Portfolio Plus Installation TemPlaza googlefont portfolioaddon flexslider Sass collection Besley Reyla TZPortfolio+2.1.7 free template