> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/medil/inventory.md).

# Inventory

The product page showcases your portfolios of premium agriculture products with a lot of additional information. It was built with [TZ Portfolio+ component](https://tzportfolio.com/), so make sure you have already installed it. 

### Install required addons

Besides the image addon, you're supposed to install some other addons of TZ Portfolio+: [**Gallery Content**](https://www.tzportfolio.com/document/add-ons/123-gallery-content.html)**, and** [**Video Content**](https://www.tzportfolio.com/document/add-ons/125-video-content.html)**.**

![Install required addons](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FWjRhini8Ln2dNsLBmHER%2Finstall-content-gallery-addon.jpg?alt=media\&token=9a6b6a7c-abb5-4405-bf1f-6fca3d225e39)

### Create your products

Please go to Admin > Components > TZ Portfolio+ > Articles > Add new

You should add the product's description, and add images in the [gallery content](https://www.tzportfolio.com/document/add-ons/123-gallery-content.html) or video url in the [video content](https://www.tzportfolio.com/document/add-ons/125-video-content.html).

{% tabs %}
{% tab title="Featured Image" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F5x9rNrBHYbzANzDY6Xuv%2Farticle's%20image.jpg?alt=media\&token=a43d1d0b-6dc6-47c7-8b69-e7b9de6b1ee1)
{% endtab %}

{% tab title="Gallery" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FU8KZu4EaeVNkb3584uht%2Fgallery%20content%20demo.jpg?alt=media\&token=1a6ee763-0577-4008-998b-71b71c4e6f43)

![Gallery Content](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F9RywoZ9NSScX4gsvFBAY%2Fcontent-gallery.jpg?alt=media\&token=195dc68b-a998-4898-bd15-05f07d5558d8)
{% endtab %}

{% tab title="Video" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FwrhXWXTHO74UnwnXNERR%2Fvideo%20content%20demo.jpg?alt=media\&token=30e85c28-80d4-4c52-bd9e-c30b8465ae4e)

![Video Content](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FBqGL2mCkPmukuuVqPKW7%2Fcontent-video.jpg?alt=media\&token=fd669392-195d-4bdf-99c5-7bfdbd807a0a)
{% endtab %}
{% endtabs %}

### Product's extra fields

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FoYu9O3DhvYcONA32vq4C%2Fproduct-extra-field.jpg?alt=media\&token=e56941cc-f12a-4202-82cd-f1297fd32d98)

#### Create extra fields

You should go to TZ Portfolio+ > Field group > Create a new field group, and assign it to product categories.\
And go to the Field section > create new fields: Materials, Manufacturer, Model Number ... After that, you can edit the field's content in each TZ Portfolio+ article. 

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FLUN377dIQNqi8jhn1btb%2Fedit-extra-fields.jpg?alt=media\&token=a7a1dde8-f74b-4ee9-b5d1-e6c532c03e55)

#### Display Extra fields in the portfolio view

To display or hide extra fields in the portfolio view, please edit each extra field > enable or disable the option "List View"

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FIkrxLYRY0XFTxAOtUxHi%2Fdisplay%20field%20in%20the%20list%20view.jpg?alt=media\&token=6539cd33-a50a-41c9-8a49-afb27c5f7314)

#### Create the call-to-action button "Make An Office Price"

By editing the portfolio article, you will see **"Project Link Information"** tab on the right side, enter a project link and project link title. 

![Edit project link](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FZ2Zi0aTGjMUnjUZZm9Dm%2Fedit%20project%20link.jpg?alt=media\&token=5e85b09c-198d-4a3a-8cd2-ab44fcc32f2f)

### Edit Product Layout

To edit the product layout, please go to TZ Portfolio+ > Layout > edit Elegant - Default. Here you're able to manage/edit the layout as you want by drag & drop. 

![Product layout](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FlyeefrArGHUaefvImygs%2Fedit%20layout%20builder.jpg?alt=media\&token=93cfcfd1-84a9-41b7-ace0-f7ea57447bc7)

{% hint style="info" %}
If you don't want something displaying on the detailed product page, you can remove the corresponding element from the layout. 
{% endhint %}

### Create a product menu

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **TZ Portfolio Plus > Portfolio**
* Choose a category: **Choose your portfolio categories**
* **Choose a TZ Portfolio Plus Layout or use the default**
* Template style: **tz\_medil - Default**

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fn9QFihAuiaUxIzVu32gO%2Finventory-menu.jpg?alt=media\&token=486cff37-7c4f-4dc4-b75e-2a24dfec90ba)