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

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

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 ...
10 June 2021
Hi folks, Today we're so pleased to introduce a new Joomla template developed by our partner JoomDev, JD Archi. If you're in the need of building your architectural projects and exceptional creations, JD Archi is an architect template that will ...
20 May 2021
Hi folks, Today I'm so happy to inform you that a new version of TZ Portfolio+ is already here. This new release includes important updates on image add-on and bug fixes. Please have a brief look at its changelog to see what was updated in this versi...
16 May 2021
This is a simple add-on of TZ Portfolio+ component that allows you to add one or several additional buttons to a detailed article. With this button add-on, you're able to create call-to-action buttons that motivate your audience to take real steps to...
24 April 2021
Labour Day is just around the corner! We would like to offer you a special offer to celebrate this event. Are you going to have a plan of being a premium member of the TZ Portfolio+ club? This is a great chance to join us, so you'd bet...

Tag Cloud

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