Popular Brands

To show Popular Brands on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

When you are happy with your changes, don't forget click Save HTML and Publish to repackage the edited theme.

After that, input sample content below:

<div class="section-block home-section" id="popularBrands">
    <div class="container popularBrands__container">
        <div class="popularBrands__wrapper">
            <div class="popularBrands__header">
                <h3 class="title">
                    TRUSTED BY<br />
                    THE WORLD’S BEST
                </h3>
                <p class="desc">To contribute to positive change and achieve our sustainability goals with</p>
            </div>
            <div class="popularBrands__carousel">
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="lamborghini">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/lamborghini.png"
                                alt="lamborghini"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="holden">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/holden.png"
                                alt="holden"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="haima">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/haima.png"
                                alt="haima"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="iveco">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/iveco.png"
                                alt="iveco"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="lloyd">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/lloyd.png"
                                alt="lloyd"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="lexus">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/lexus.png"
                                alt="lexus"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="saab">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/saab.png"
                                alt="saab"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="hino">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/hino.png"
                                alt="hino"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="higer">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/higer.png"
                                alt="higer"
                            />
                        </a>
                    </div>
                </div>
                <div class="popularBrands__item home-banner-image">
                    <div class="popularBrands__img">
                        <a href="#" aria-label="maxus">
                            <img
                                class="lazyload"
                                src="https://cdn11.bigcommerce.com/s-wo0bjzph9t/content/loading/loading.svg"
                                data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/maxus.png"
                                alt="maxus"
                            />
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>