frontend/views/catalog/view.php

<?php
    /**
     * @var Product          $product
     * @var ProductVariant   $variant
     * @var View             $this
     * @var ProductVariant[] $variants
     * @var array            $attributes
     */
    use common\components\artboximage\ArtboxImageHelper;
    use common\modules\product\models\Product;
    use common\modules\product\models\ProductVariant;
    use yii\helpers\Html;
    use yii\helpers\Url;
    use yii\web\View;
    use yii\widgets\Pjax;
    use common\widgets\Seo;
    
    $this->title = $product->name;
    $this->params[ 'breadcrumbs' ][] = [
        'label' => $product->category->parent->parent->name,
        'url'   => Url::to([
            'category/index',
            'id' => $product->category->parent->parent->category_id,
        ]),
    ];
    $this->params[ 'breadcrumbs' ][] = [
        'label' => $product->category->parent->name,
        'url'   => Url::to([
            'category/brand',
            'id' => $product->category->parent->category_id,
        ]),
    ];
    $this->params[ 'breadcrumbs' ][] = [
        'label' => $product->category->name,
        'url'   => Url::to([
            'category/collection',
            'id' => $product->category->category_id,
        ]),
    ];
    $this->params[ 'breadcrumbs' ][] = $product->name;
    $this->params[ 'seo' ][ Seo::TITLE ] = $product->name;
?>
<?php Pjax::begin([
    'id'      => 'pjax-reload',
    'timeout' => 5000,
]); ?>
<div class="col-md-12 product">
    <div class="col-md-8 col-sm-12">
        <div class="pic">
            <?php
                echo ArtboxImageHelper::getImage($variant->getImageUrl(), 'product_main');
            ?>
        </div>
    </div>
    <div class="col-lg-3 col-md-4 col-sm-12 mat-opt-list">
        <div class="name1"><?php echo $product->name; ?></div>
        <div class="name2"><?php echo $product->category->name; ?></div>
        <div class="name3"><?php echo $product->category->parent->name; ?></div>
        
        <ul>
            <li><span>Артикул:</span> <?php echo $variant->sku; ?></li>
            <?php
                if(!empty( $attributes )) {
                    foreach($attributes as $group => $options) { ?>
                        <li>
                            <span><?php echo $group; ?>:</span> <?php echo implode(', ', $options); ?>
                        </li>
                    <?php }
                }
            ?>
        </ul>
    </div>
    <div style="clear:both;"></div>
</div>
<div class="col-md-12 mat_pics">
    <?php
        foreach($variants as $oneVariant) {
            ?>
            <div class="col-md-2 col-sm-3 col-xs-4 mat_pic">
                <?php
                    echo Html::a(ArtboxImageHelper::getImage($oneVariant->getImageUrl(), 'product_variant_main'), [
                        'catalog/product',
                        'product' => $product->alias,
                        'variant' => $oneVariant->sku,
                    ]);
                ?>
            </div>
        <?php } ?>
</div>
<?php Pjax::end(); ?>