Portfolio Style 2

Before starting to build this page, you are supposed to import template styles first, and make sure that you have already installed TZ Portfolio+ extension. Then please follow these below steps to set up Portfolio Style 2 like our demo:

Step 1: Import Portfolio Style 2

• After having done install the component SP Page Builder, please go to Admin > SP Page Builder > Click "New" button
• Click the Import button
• Upload "portfolio_style2.json" from the "Import" folder (Extension package \ SP Page Builder folder \ Import folder)​​​​​​​​
• After that, you will have Portfolio Style 2 appear in SP Page Builder dashboard

Step 2: Create modules

In this page, we use 1 module, please click on the module to see detail configurations. After creating the module, please assign it to relevant row in the page builder layout.

• Latest Projects - Grid - Besley Style

Step 3: Add new menu item

​This step is to add a new menu item for Portfolio style 2

• Go to Admin > Menus > Main menu > Add new
• Menu item type: SP Page Builder > Page
• Select page: Portfolio style 2
• Template style: tz_jollyany - Home Page - Horizontal Center

Step 4: Check your page in front-end

​After having done these above steps, you'd better refresh your site and go to your front-end to check how your page looks like.