Setting Up Category Pages

Top Banner / Category Title / Category Description

Recommended Banner Size: 1570x300px.

Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.

How To Show Top Banner? To show Top Banner on Category Page, In the Page Builder → Go to Widgets → drag and drop HTML block into specified sections.

In field HTML block:

Custom CMS Block

To show stom CMS BlockCustom CMS Block on Category Page, In the Page Builder → Go to Widgets → drag and drop HTML block into specified sections.

In field HTML block:

After that, input content below:

 <div class="halo_custom_cms_block padding-top-40 padding-bottom-50">
                  <p class="custom-html">Custom CMS Block - Phasellus volutpat magna id mauris sodales et ornare urna molestie. Mauris non sem tincidunt, hendrerit nisi quis honcus felis. Suspendisse tempus mi durna in mattis nisl egestas quis. Proin nisi justo consectetur sed lacus an bibendum commodo diam. Praesent vulputate arcu eros quis accumsan odio malesuada at. Nulla vel ante magna. Cras ultricies nulla porttitor metus cursus malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis fermentum turpis diam, sed volutpat nibh sagittis eget. Phasellus eu justo est. Curabitur tortor magna, faucibus ut nunc euismod, placerat placerat arcu. <br /><br /> Morbi vitae mauris consequat, feugiat velit suscipit, imperdiet nunc. Integer rhoncus sagittis tincidunt. Suspendisse finibus quam euismod est mollis, quis lobortis arcu consectetur. Mauris tincidunt ante molestie, tempor turpis vitae, fermentum magna. Vestibulum mattis hendrerit vulputate. Sed pulvinar accumsan ex, et vulputate eros sagittis sit amet. <br /><br /> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br /><br /> Praesent vitae venenatis nisl, non egestas urna. Proin dignissim nunc vel quam dapibus, non varius velit interdum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In sagittis ex eu tellus congue porttitor. Cras non interdum sapien. Maecenas mollis sed diam vitae accumsan. Praesent congue turpis in urna venenatis fringilla. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br /><br /> Sed convallis tempor ante ac semperos. Duis an turpis de nisl ultricies rhoncus. Morbi aliquet sem non orci lacinia posuere nam eget efficitur nibh. Aenean nec ornare ipsum. Aliquam vel semper augue.</p>
               </div>

Common Settings (For Category / Brand / Search page)

Navigate to: Storefront → My Themes → Customize.

In Theme Editor, navigate to Product Listing Page.

When you are happy with your changes, don't forget click the Save button.