Inventory
The inventory page should be built with TZ Portfolio+ component, so you need to make sure the component is installed on your website.
Install TZ Portfolio+ addons
You're supposed to install some TZ Portfolio+ addons including Image Gallery, Form Builder, Pricing Content, Video Content, and Leader Price.
You should go to Admin > Components > TZ Portfolio+ > Addons
Click install/update button
Install those mentioned addons one by one
Create the field group "Motorbike"
Go to Admin > Components > TZ Portfolio+ > Field Groups > Add new
Enter the field group's title, choose the field ordering type.
Learn more about how to use field groups in TZ Portfolio+
Create custom fields
Go to Admin > Components > TZ Portfolio+ > Fields > Add new fields (Make, Model, Year, Minimum Age, Maximum Speed, and Engine Type).
Custom fields may have the same or different types that depend on your needs and utility.
Learn more about how to use custom fields in TZ Portfolio+
Create inventory category
Go to Admin > Components > TZ Portfolio+ > Categories > Add new
Assign the category to the field group "Motorbike"
Create Portfolio articles
Go to Admin > Components > TZ Portfolio+ > Articles > Add new
Assign the article to the Inventory category
Choose a media type: Image Gallery
Choose a field group: Motorbike
Add the motorbike's description to the content box
Enter custom fields for motorcycle
Enter custom fields' information or choose available options in the drop-down list.
To show or hide a field from the list view or detailed view, you can go to TZ Portfolio+ > Fields > open the field > enable or disable the list view or detailed view options.
Form Builder - Contact Form
Provide Email & Recipient Options
Enter Success & Error Message Options
Configure Redirect, Security & Policy Options
Configure Button Options and fields in the form
Motorbike's Pricing
We used Pricing Content addon to display the motorbike's pricing. Afte installing the addon, go to edit an article > pricing content tab > Click + to add pricing items
The addon allows you add main price, and price meta, title, meta text and description.
In General Options, you can adjust the pricing column's ratios on different devices. Moreover, it's possible to customize the style of price, and price meta as your preference.
Configure the layout builder of a detailed inventory page
There are a lot of content elements displayed on a detailed inventory page, so how can we organize them to fit our needs? Let's go to TZ Portfolio+ > Layout > Open Elegant - Default.
Here you're able to manage the layout of a detailed inventory page by dragging and dropping elements to a suitable position.
It allows you to add more or remove any element you want. You can assign the layout to menus, categories, and articles.
Create an inventory menu
After all, it's time to present the inventory page in the front-end by creating a menu item and assigning it to the main menu.
Go to Menus > Mein Menu > Add new
Menu item type: TZ Portfolio+ > Portfolio
Choose a category "Inventory"
Choose a TZ Portfolio+ layout: Elegant default or any other you want
Template style: tz_autobike_default
Go to front-end and check the page again
Last updated