Create Bootstrap5 based Image carousel with thumbnails

Comparing #3 with #4

Revision #4 was created by pravi on Dec 4, 2023, 10:43:47 AM.

formatting

Content

Here is a Corousel widget that is an extension of yii\bootstrap5\Carousel, to show image thumbnails as indicators for the carousel. Here is the widget code. ``` <?php

namespace app\widgets;
use Yii;
use yii\bootstrap5\Html;

[...]

return Html::tag('ol', implode("\n", $indicators), ['class' => ['carousel-indicators']]);
}
}

?> ``` Use the following CSS for the above widget to show up and work properly.

```

.product_img_slide {
padding: 100px 0 0 0;
}

.product_img_slide > .carousel-inner > .carousel-item {
overflow: hidden;

[...]