This is the tutorial for layout Full Width in TZ Portfolio Plus demo.
To have this layout, please follow the configurations as below:
I. DEMO
II. CONFIGURATION
To have the layout like in the demo, you need to configure in the menu item, category and template style as below:
1. CATEGORY
Please go to Components > TZ Portfolio Plus > Category to create a new one.
You can follow the screenshots below:
- Article View Options In Category Listings:
- Article View Options:
2. MENU ITEM
Please go to Menus > Menu item to create a new one.
- Menu Item Type *: TZ Portfolio Plus > Portfolio
- Choose a Category: FullWidth
- TZ Portfolio Plus Layout: Demo – FullWidth
You can follow the screenshots below:
3. TZ Portfolio+ Layouts
Please go to Components > TZ Portfolio Plus > Layout to create a new one.
- Block Media: Padding: 20px 0
- Block Information, Column "none": Custom Class: muted
You can follow the screenshots below:
III. TIPS
To have the expected layout like the demo, you should use some tips below:
1. The image with ratio: 900x563
2. The configuration in tab Front-end Options of add-on:
- Article View Options In Category Listings / Image Size: Medium
- Article View Options / Image Size: Original