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

Our Partner’s Templates

TZ Portfolio is working perfectly with JoomDev templates.
Buy our bundle and get 15% OFF from their template and extension.

Latest Posts

21 December 2020
Christmas is here, the most awaited festival of the year. I guess that you're quite busy with preparing the Christmas tree and decorating your house but don't forget to lighten your website as well. On this ultimate festive e...
26 November 2020
This November comes with the most expected shopping day that everyone is looking forward to grabbing the best deals. It's Black Friday. If you missed the previous Halloween sale, don't worry. Black Friday will save your life. On this occasion, TZ Por...
22 November 2020
Why do you need an online gallery? 1. For photographers, owning a website is a necessary way to showcase their best photography portfolio to the entire world. Then you can easily promote your brand to a larger amount of clients. An online galler...
24 October 2020
Happy Halloween!Halloween is coming into the air. We would like to celebrate this event by giving a special offer, so you can get a discount of up to 65% for any purchase. Wow! that's so amazing, right?  This offer won't last long, just fro...
03 August 2020
​After the release of Keira style, Maya is the next awesome style you should give it a shot if you're looking for a solution to enhance the image gallery. You're working as a photographer, blogger, a stylist, fashionista, or an artist, and ...

Tag Cloud

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