Let's fly creativity!

2 minutes reading time (453 words)

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

How-to-make-Besley-style-and-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

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