Home Banner 2 - 3

To show Home Banner 2 - 3 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" id="homeBanner2">
<div class="container">
<div class="halo-block-header block-header-custom">
<h3 class="title">Must Have</h3>
<a class="viewall" href="#">View All</a>
</div>
<div class="homeBanner2__block">
<div class="homeBanner2__slider column-3 disable-srollbar">
<div class="homeBanner2__item home-banner-image">
<a href="#" class="homeBanner1__img image-with-overlay" title="Milancelos" aria-label="Milancelos">
<img
class="ls-is-cached lazyloaded"
src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-1.jpg"
data-src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-1.jpg"
title="Milancelos"
alt="Milancelos"
/>
</a>
<div class="content">
<h3>For The Adventures</h3>
<p class="text">Aliquam maximus dictum nisl. Aenean mauris est</p>
<a class="button button--custom" href="#">Shop Now</a>
</div>
</div>
<div class="homeBanner2__item home-banner-image">
<a href="#" class="homeBanner2__img image-with-overlay" title="Cosmopolis" aria-label="Cosmopolis">
<img
class="ls-is-cached lazyloaded"
src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-2.jpg"
data-src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-2.jpg"
title="Cosmopolis"
alt="Cosmopolis"
/>
</a>
<div class="content">
<h3>Stay Ahead in Style</h3>
<p class="text">Aliquam maximus dictum nisl. Aenean mauris est</p>
<a class="button button--custom" href="#">Shop Now</a>
</div>
</div>
<div class="homeBanner2__item home-banner-image">
<a href="#" class="homeBanner2__img image-with-overlay" title="Cosmopolis" aria-label="Cosmopolis">
<img
class="ls-is-cached lazyloaded"
src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-3.jpg"
data-src="https://cdn11.bigcommerce.com/s-coj85swkah/images/stencil/original/image-manager/image-banner-2-3.jpg"
title="Cosmopolis"
alt="Cosmopolis"
/>
</a>
<div class="content">
<h3>Moments of Comfort</h3>
<p class="text">Aliquam maximus dictum nisl. Aenean mauris est</p>
<a class="button button--custom" href="#">Shop Now</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