This is the tutorial for layout Reyla in the TZ Portfolio Plus demo.
To have this layout, please follow the configurations 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 like below:
1. CATEGORY
Please go to Components > TZ Portfolio Plus > Category to create a new one and configure like the following screenshots:
You can follow the screenshots below:
2. MENU ITEM
Please go to Menus > Menu item to create a new one.
• Menu Item Type *: TZ Portfolio Plus > Portfolio
• Choose a Category: Reyla
• TZ Portfolio Plus Template Style: Demo – Reyla
You can follow the screenshots below:
TZ BASIC OPTIONS:
3. TEMPLATE STYLE
Please go to Components > TZ Portfolio Plus > Template Style to create a new one with the name of Demo – Reyla.
• Block Media: Padding: 20px 0
You can follow the screenshots below:
III. TIPS
To have the expected layout style like in the demo, you should use some tips below:
1. The image with ratio:
- 576 x 750
- 720 x 750
- 1200 x 781
- 960 x 750
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