# How to add top (bottom) content on the catalog page

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FvaRwdSykqFL5x0ifrLzK%2FGoogle%20Chrome_2022-03-15%2019-22-57%402x.jpg?alt=media\&token=9c854e96-ec7e-423d-a5cd-c32780ed2266)

**First** - go to **WPBakery Page Builder** > **Role Manager** and under the user roles, choose the post type is Custom and check the post type you want to use the <mark style="color:blue;">**WPBakery Page Builder**</mark> (**nasa\_block**)

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOyD20UxFDHlVdl2d5aPM%2FRole%20Manager%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-31%2018-44-56.jpg?alt=media\&token=41c4d74e-6fa4-4fd7-bfa6-5018eabf2d6e)

<mark style="color:blue;">**Step 1**</mark> – Simply go to **Static Blocks** **→** Add New Block to build the content for your catalog page

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FNb01I5Ihrj9Uc0Qb2R5x%2FGoogle%20Chrome_2022-04-25%2011-01-21%402x.jpg?alt=media\&token=4181fd62-779b-444f-8f7d-78372cdaa5bd)

<mark style="color:blue;">**Step 2**</mark> – Next, navigate to **Appearance → Theme Options** **→** **Archive Product Page**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fcq8otOHwTc7SVPH0k6zq%2FElessi%20Theme%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-04%2018-31-00.jpg?alt=media\&token=3869b745-b55d-4eef-bf1f-8f8767ddfbcd)

{% hint style="warning" %}
**NOTE**: If you are want to use <mark style="color:red;">**Elementor**</mark> plugin to build the content for your catalog page, please view a guidepost [<mark style="color:blue;">**here**</mark>](https://elessi-docs.nasatheme.com/elementor/elementor-elements/static-blocks)
{% endhint %}

#### **In addition, you can override the Top (bottom) content for&#x20;**<mark style="color:green;">**Root Category Product**</mark>**&#x20;(Parent=0)**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fo2tFjk9ARRo6LLqvGzmU%2FEdit%20category%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-04-25%2011-09-22.jpg?alt=media\&token=2a726639-d889-4f1c-944d-a54ae1e8df83)

### <mark style="color:red;">RESULT</mark>

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FOSeNBVjktJKDnXYWjxCL%2FMedical%20%E2%80%93%20Elessi%202022-04-25%2011-10-56.jpg?alt=media\&token=ca7edf32-4dd2-42ae-bcb5-cb8d632b7f6b)