Не зарегистрирован
Вход
Забыли пароль?
Регистрация
Подписаться
Сэкономьте время — перед вопросом на форуме узнайте, как найти ответ быстрее
По техническим проблемам необходимо обращаться в Консультационный центр

Поиск по форуму: 

Приглашаем в блог 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.



Если я вам помог, ставьте палец вверх ;)
1


Создать новую тему Ответить