Заходим в раздел Товаров.
Находим нужную сборку.
жмем на кнопку “Изменить”
<div class="sbor1-1"></div>
[/code]После названия конфеты вставляем другой текст
[code]<div class="imgsb-1-1"></div>
</div>
[/code]Повторяем с каждой конфетой меняя цифры 1-1 на соответствующий сбор и конфету.
Т.е. Если работаем со сбором № 6, и конфетой 4 по порядку, то строка должна быть такой:
<div class="sbor6-4">
Шоколадный батончик «Mars» mini (Mars) — 1 шт.
<div class="imgsb-6-4"></div>
</div>
[/code][code] <div class="imgsb-6-4">[/code]
и
[code]</div> [/code]и нажимаем кнопку “Добавить мультимедиа” (в верхней части экрана, левее)
добавится код к картинке конфеты.
Повторяем до конца со всеми конфетами.
только с картинками под каждой строкой.
на странице с товаром, там где строки чередуются с картинками. В самом верху экрана последняя кнопка “Edit With Yellow Pencil” где в выпадающем меню ты выбираешь “Edit this product”, ждешь загрузку и видишь новые окна и панели с кнопками по бокам. Вместо курсора у тебя крестик. Им ты тыкаешь на первую строку с конфетой и потом по кнопке
[code]</>[/code] третья слева вверху.
Прямо там с новой строки и вводим следующий текст
[code] .sbor10-1{
position:relative;
}
.imgsb-10-1{
display:none;
box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
margin-left:10%;
}
.sbor10-1:hover .imgsb-10-1{
display:block;
width:350px;
height:400px;
position:absolute;
z-index:1000;
}
[/code]
где “.sbor-10-1” – это номер сбора с который ты работаешь и номер конфеты по порядку.
когда закончишь нажмешь зеленую кнопку “Save” на правом меню.