Off Canvas sidebar is empty

Single Style 6

Read Time: 1 min

This is the tutorial for layout Single Style 6 in the TZ Portfolio Plus demo.

To have this layout, please follow the configurations below:

I. DEMO

CHECK 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:

OPTIONS:

BLOCK MAIN INFORMATION:

BLOCK INFORMATION:

BLOCK RIGHT:

BLOCK RELATED ARTICLES:

VI. Create the menu "Single Style 6"

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 Gallery

Please see the attached images:

 

 

DuongTV

Login