> 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/pethub/gallery.md).

# Gallery

![](/files/Ysa761qP7QILobWtz71H)

{% hint style="info" %}
The gallery is built with [TZ Portfolio+ component](https://tzportfolio.com/), so please make sure you have already installed it. 
{% endhint %}

### Install required addons

Gallery articles were built with TZ Portfolio+ addons: [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). You should install these two addons first. 

* Go to Admin > Components > TZ Portfolio+ > Addons > Click "Install / Update" 
* Navigate to Gallery Content and Video Content addon and click the install button

### Create TZ Portfolio+ Articles

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

Below the Content section, you'll see Gallery content and Video content sections to configure. 

{% tabs %}
{% tab title="Portfolio article" %}
![](/files/ek1Sxs4wn7tVQJDTObgM)
{% endtab %}

{% tab title="Gallery Content" %}
![](/files/EOzysliM5uW1PcTEvF1C)
{% endtab %}

{% tab title="Video Content" %}
![](/files/o7PWZiqKcARsZ1b5xHtX)
{% endtab %}
{% endtabs %}

### Create a menu item for the gallery page

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **TZ Portfolio+ » Portfolio**
* Choose a category: **Choose your categories**
* Template style: **tz\_pethub - Default - No Sidebar**

![](/files/R86gH7quUtIWZE9ftaRg)