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

22 March 2022
Presenting a healthy and professional website is one of the ways to show the crowd your credibility on your business. As a result, your website should be up-to-date, so as to be in the line with current web trends. Here today we come with another upd...
11 February 2022
Hi folks,  Today I'm happy to inform you that a new version 2.5.5 of TZ Portfolio+ component is already available for download. This version was made to address a critical issue detected in the previous version. In particular, users were unable ...
25 January 2022
Happy the year of the tiger 2022! Lunar New Year is celebrated yearly in Vietnam according to the lunar calendar and this time is the year of the tiger among 12 zodiac animals. On this occasion, we would like to offer you a special deal. Yo...
26 October 2021
Looking for Halloween Joomla deals? Here is one of the spookiest deals for Joomla extensions that you should certainly take into account. Halloween is near. We are offering all subscription plans of TZ Portfolio+ for just $29 for the&n...
19 October 2021
 Hi folks, As you know, Joomla 4 Stable was officially released, which brought users an improvement in functionality, codebase, and a completely new admin interface. That's why we need to provide updates for our product. Today I would like ...

Tag Cloud

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