Опубликовано: 30 апреля 2017
Как сделать, чтобы в карточке товара было сначала фото? Есть решение
В карточке товара идет сначала видео, потом фото. Как сделать, чтобы видео было в конце и сначала показывалось основное фото товара. Спасибо.
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Комментарии (2)
В файле product.images.html(Магазин-Витрина-Шаблоны) заменить строку:
строкой:
строку:
<div class="image" id="product-core-image"{if !empty($video.url)} style="display:none"{/if}>строкой:
строки:
{if !empty($video.url)} <div class="image video selected"> <a id="product-image-video" href="{$video.url}"> <img src="{$video.images[0]}" alt=""> </a> </div> {/if}перенести под строки:
{foreach $product.images as $image} <div class="image{if $image.id == $product.image_id && empty($video.url)} selected{/if}"> <a id="product-image-{$image.id}" href="{$wa->shop->imgUrl($image, '970')}"> {$wa->shop->imgHtml($image, '96x96', ['alt' => $image.description])} </a> </div> {/foreach}строку:
заменить строкой:
строку:
<div class="image{if $image.id == $product.image_id && empty($video.url)} selected{/if}">заменить строкой:
<div class="image{if $image.id == $product.image_id} selected{/if}">Все работает. А возможно ли миниатюре видео добавить значок воспроизведение, чтобы было понятно, что это видео а не фото.
Можно, добавьте в стилевой файл строки:
.image.video:after {
content: '\E63A';
position: absolute;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
letter-spacing: normal;
text-transform: none;
display: inline-block;
word-wrap: normal;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
background: none !important;
text-indent: initial;
line-height: 1;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -12px;
color: #fff;
}