Home Brands

To show Home Brands 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 class="halo-block halo-home-section halo-dots" id="popularBrands">
<div class="container popularBrands__container">
<div class="halo-block-header">
<h3 class="title">Shop Our Top Brands</h3>
</div>
<div class="popularBrands__wrapper">
<div class="popularBrands__carousel">
<div class="popularBrands__item home-banner-image">
<div class="popularBrands__img">
<a href="#" aria-label="Loremous">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/brand-logo-1.png"
alt="Loremous"
/>
</a>
</div>
</div>
<div class="popularBrands__item home-banner-image">
<div class="popularBrands__img">
<a href="#" aria-label="Isabella">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/brand-logo-2.png"
alt="Isabella"
/>
</a>
</div>
</div>
<div class="popularBrands__item home-banner-image">
<div class="popularBrands__img">
<a href="#" aria-label="magcor">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/brand-logo-3.png"
alt="magcor"
/>
</a>
</div>
</div>
<div class="popularBrands__item home-banner-image">
<div class="popularBrands__img">
<a href="#" aria-label="Fermends">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/brand-logo-4.png"
alt="Fermends"
/>
</a>
</div>
</div>
<div class="popularBrands__item home-banner-image">
<div class="popularBrands__img">
<a href="#" aria-label="Conseqaur">
<img
class="lazyload"
src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
data-src="https://cdn11.bigcommerce.com/s-puuf0ho3a3/images/stencil/original/image-manager/brand-logo-5.png"
alt="Conseqaur"
/>
</a>
</div>
</div>
</div>
</div>
</div>
</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