Full Width

Read Time: 2 mins

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

 

VIEW FULL WIDTH LAYOUT 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:

FULL LAYOUT:

OPTIONS:

BLOCK MEDIA:

BLOCK INFORMATION:

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

DuongTV

Login