<div class="products-gallery-wrapper">

    <div class="active-gallery-image">

        <div class="img-zoom-container">
            <div class="img-zoom-main">
                <img class="img-zoom-main" src="assets/img/thumbs/products/01.jpg" onerror="this.onerror=null; this.src='assets/img/thumbs/products/default.jpg';">
                <div id="lens" class="img-zoom-lens"></div>
            </div>
            <div id="result" class="img-zoom-result"></div>
        </div>

    </div>

    <div class="thumbs-wrapper">

        <div class="row">

            <?php for ($i = 1; $i <= 4; $i++) { ?>

                <div class="col-3">
                    <?php if ($productType == 1) { ?>
                        <img class="thumbnail <?php echo $i == 1 ? "active" : '' ?> " src="assets/img/thumbs/products/0<?php echo $i; ?>.jpg" onerror="this.onerror=null; this.src='assets/img/thumbs/products/default.jpg';" />
                    <?php } elseif ($productType == 2) { ?>
                        <img class="thumbnail <?php echo $i == 1 ? "active" : '' ?>" src="assets/img/thumbs/cards/0<?php echo $i; ?>.jpg" onerror="this.onerror=null; this.src='assets/img/thumbs/products/default.jpg';" />
                    <?php } ?>
                </div>

            <?php } ?>

        </div>

    </div>

</div>