Не зарегистрирован
Приглашаем в
блог Amiro.CMS . Регулярные обзоры, опыт, решения, практикумы.
Форум -> Интернет Магазин -> Оформление выбора цвета товара
Показать все сообщения в этой ветке
Добавлено: Оформление выбора цвета товара 01.12.14 10:24:47
Регистрация: 11.06.13
Сообщений : 404
Обратиться по имени
1. Если я про те <br> понял, то
.eshop-item-properties > br {
display: none;
}
2. Я бы настроил CSS и JS, чтобы учитывалось положение курсора, и размер экрана.
Но наверное проще прикрутить сторонний скрипт для этого.
Например: http://www.jacklmoore.com/zoom/
их много, какой выбрать уже вам решать.
3. Примерно так:
<style>
.eshop-item-detailed__popup-link {
position: relative;
}
.eshop-item-detailed__img_popup {
position: absolute;
left: -50%;
bottom: 0px;
}
</style>
<script>
$(document).ready(function() {
$(".eshop-item-detailed__img";).mouseenter(function() {
var popup_img_src = $(this).attr('data-ami-mbpopup';);
$(this).parent().append('<img class="eshop-item-detailed__img_popup" src="' + popup_img_src + '"/>';);
});
$('.eshop-item-detailed__popup-link';).on('mouseleave', '.eshop-item-detailed__img_popup', function(e){
$(this).remove();
});
});
</script>
Если решили сами писать, то стоит разобраться в основах JS/jQuery.
Если я вам помог, ставьте палец вверх ;)
Чтобы добавить сообщение, пожалуйста зарегистрируйтесь и/или войдите в систему .