> For the complete documentation index, see [llms.txt](https://elessi-docs.nasatheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elessi-docs.nasatheme.com/common-issues-and-faqs/faq-guides/how-to-add-top-bottom-content-on-the-catalog-page.md).

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

![](/files/zLkQnG5qPfwxwJYS7vHh)

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

![](/files/cYzZrlwvlVOd6edCp7lT)

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

![](/files/5QxWnTwITQ5akEuyjLtx)

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

![](/files/0AJRtFMLozafHNWGHQjB)

{% 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>](/elementor/elementor-elements/static-blocks.md)
{% endhint %}

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

![](/files/wewGJQcKfIGmXiCgcIYo)

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

![](/files/ArCpzXfKI1WMds3FJbig)