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;
$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'][] = $this->title;
?>
<?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 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(); ?>