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, 23 August 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

20 August 2019
Hi folks, Our team are so pleased to announce that we have recently released a brand-new module named TZ Flex Grid 1.0.0. This module provides a set of different properties that is represented in flexible and stunning styles. Today, I would like...
17 August 2019
In current, there are dozens of CSS frameworks available for you to pick up one. However, It can be said that Bootstrap is playing an important role as the trendiest front-end framework that is most popularly used by many website developers all over ...
11 August 2019
Howdy! You've got a good news to make your weekend special.Honestly, we are well aware of that you're responsible to ensure your projects to run smoothly without any unwanted issues. That's reason why we are trying to put a high f...
30 July 2019
Hi folks, Our team are so happy to announce that TZ Portfolio+ 2.2.9 is already available. This release contains tons of bug fixes, a small change in article limit, and new features added. With this version, you must be excited to know that...
23 July 2019
Hi folks, For a professional photographer, owning an eye-catching and responsive website is concerned as an effective marketing way to not only showcase their works, but attract more visitors coming to your website and turn them into potential client...

Tag Cloud

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