> 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

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FlhLR6wiFNP1ol4cWtPvZ%2Fgallery.jpg?alt=media\&token=86b85296-46b2-4f31-a8a7-def46bd1cd36)

{% 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" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F2lkvtBLcLfL104ZezVoV%2Fcreate-portfolio-article.jpg?alt=media\&token=0532c0bb-13b1-4b28-9339-188ff3db19f6)
{% endtab %}

{% tab title="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 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 %}

### 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**

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FSwo0V8gVOsCWISDS0HEG%2Fgallery-menu.jpg?alt=media\&token=17fe79a2-2a2f-4819-a7d9-bdc23a29e801)