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

 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Guest
Friday, 13 December 2019
If you'd like to register, please fill in the username, password and name fields.

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

08 December 2019
Hi folks, Today, we're happy to release TZ Portfolio+ 2.3.7 which comes with such a bunch of bug-fixes and enhancements. In this release, beside addressing some known issues, we have already made some important updates to improve user exper...
02 December 2019
 Hi folks, Cyber Monday - the biggest shopping event won't last longer. There is ONLY 2 DAYS LEFT, so hurry up to grab this super deal because you will not have a second chance to enjoy a mega discount like this. Clock is tic...
29 November 2019
Aiming at making all TZ Portfolio styles compatible with latest update of the core component and modules, our team have already done updating 5 more styles in order to replace Css with Sass, as well as update and improve options. ...
26 November 2019
Dear our beloved customers, Once in blue moon, Black Friday comes as the hottest shopping occasion for all buyers all over the world, because most of product providers will be slashing their prices with a big discount ever. For TZ Portfolio, we ...
17 November 2019
Hi folks, Last week, TZ Portfolio team did work so hard to release a massive update on both the core component and many extensions. This week also comes with another new version of the core, and such a bunch of styles, as well as module&nbs...

Tag Cloud

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