Categories Top Banner

If you want it to show on all Category / Brand / Search pages:
To show Categories Top Banner on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

If you want it to display on each Category / Brand / Search page:
To show Categories Top Banner on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

After that, input sample content below:
<div id="halo-top-banner" class="halo-block halo-listing-top-banner">
<a class="image image-with-overlay" href="#">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-q8olo630qr/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/category-banner-image-1.jpg"
title="Top Banner Category"
alt="Top Banner Category"
/>
</a>
</div>
Or use button below to generate the code with your own banners. Please click the Copy code on the popup after you changed all the blocks.
Last updated