Вывод изображений артикулов внутри карточки товара Есть решение

Question

Вывод изображений артикулов внутри карточки товара Есть решение

1

Добрый день!

У одного товара есть несколько вариаций. В shop script 1 вариация = 1 артикул. Например у товара, 3 вариации, это 3 артикула. Можно ли возле каждого артикула вывести отдельное маленькое изображение?

Собираюсь перенести магазин с OpenCart на shop script и сразу хочу понимать смогу ли реализовать такую функцию.

Прилагаю изображение, чтобы было лучше понятно. Над кнопкой "В корзину" как раз таки изображения, которые нужны.

Опубликовано: 2 ноября 2017

1 ответ

Добавить ответ

Igor · Answer 1

Здравствуйте, именно для такого типа артикулов можно сделать.

1) Откройте шаблон product.cart.html, найдите код:

<!-- FLAT SKU LIST selling mode -->
        {if count($product.skus) > 1}
            {if $selectedSku}
                {$product.sku_id = $selectedSku}
            {/if}
            <!-- SKU selector -->
            <ul class="skus">
                {foreach $product.skus as $sku}
                    {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                    <li itemprop="offers" itemscope itemtype="http://schema.org/Offer" data-id="{$sku.id}"{if !$sku.available} class="disabled"{/if}>
                        <div class="sku-row">
                            <input name="sku_id" id="lab-{$sku.id}" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true"{/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if}>
                            <label for="lab-{$sku.id}" class="s-radio-name">
                                <span class="stylish-wrap"></span><span class="sku-name" itemprop="name">{$sku.name|escape}</span>
                            </label>

2) Замените его на код:

<!-- FLAT SKU LIST selling mode -->
        {if count($product.skus) > 1}
            {if $selectedSku}
                {$product.sku_id = $selectedSku}
            {/if}
            <!-- SKU selector -->
            <ul class="skus">
                {foreach $product.skus as $sku}
                    {$sku_available =  $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                    <li itemprop="offers" itemscope itemtype="http://schema.org/Offer" data-id="{$sku.id}"{if !$sku.available} class="disabled"{/if}>
                        <div class="sku-row">
                            <input name="sku_id" id="lab-{$sku.id}" type="radio" value="{$sku.id}"{if !$sku.available} disabled="true"{/if}{if !$sku_available}data-disabled="1"{/if}{if $sku.id == $product.sku_id} checked="checked"{/if} data-compare-price="{shop_currency($sku.compare_price, $product.currency, null, 0)}" data-price="{shop_currency($sku.price, $product.currency, null, 0)}"{if $sku.image_id} data-image-id="{$sku.image_id}"{/if}>
                            <label for="lab-{$sku.id}" class="s-radio-name">
                                <span class="stylish-wrap"></span>
                                {if !empty($product.images[$sku.image_id])}
                                    {$wa->shop->imgHtml($product.images[$sku.image_id], '48x48', ['alt' => $product.images[$sku.image_id].description, 'style' => 'vertical-align: middle'])}
                                {/if}
                                <span class="sku-name" itemprop="name">{$sku.name|escape}</span>
                            </label>

Все темы

Вывод изображений артикулов внутри карточки товара​ Есть решение

1 ответ

Добавить ответ

Вывод изображений артикулов внутри карточки товара Есть решение