This is the tutorial for layout Single Style 2 in the TZ Portfolio Plus demo.
To have this layout, please follow the configurations below:
I. DEMO
II. Create Group Field
Please go to Component/Tz Portfolio Plus/ Group Field and Click on the button "New" to create a new one.
III. Create Fields
Please go to Component/Tz Portfolio Plus/ Fields and Click on the button "New" to create new ones for the group field which has just created.
IV. Create Category
Please go to Component/Tz Portfolio Plus/ Categories and Click on the button "New" to create a new one.
And then please configure options for that category:
1. Article View Options In Category Listings
2. Article View Options
IV. Create an article
Please go to Component/Tz Portfolio Plus/ Articles and Click on the button "New" to create a new one.
You can follow the screenshots below:
Note: The options in the article inherit from the category.
IV. Create Template Style "Demo - Single Style 2-6"
Please go to Component/Tz Portfolio Plus/ Template Style and Click on the button "New" to create a new template style.
• Block Main Information: Padding: 15px 0 0
• Block Information: Custom Class: info-meta
• Block Right: Custom Class: info-description
• Block Related Articles: Padding:35px 0 0
You can follow the screenshots below:
FULL LAYOUT:
VI. Create the menu "Single Style 2"
Please go to Menus > Menu item to create a new one.
• Menu Item Type *: TZ Portfolio Plus > Single Article
• Choose an article
• TZ Portfolio Plus Template Style: Demo – Single Style 2-6
You can follow the screenshot below:
VII. TIPS
To have the expected layout style like in the demo, you should use some tips below:
1. The image with ratio: 1200 x 600
2. The configuration in tab Front-end Options of add-on:
For example: In this article, Image Gallery-Addon: Please go to Components/TZ Portfolio Plus/ Addon/Media Type - Image
Please see the attached images: