Помощь Нужно добавить значок "лупы" на изображение

[ioh]

В модуле выводится увеличенная картинка при нажатии на нее, но пользователи об этом наверняка не знают. Как мне добавить значок увеличения?
И еще вопрос. Почему стили цены не наследуются из карточки товара?
Заранее спасибо всем, кто откликнется!

 

[NinoZombie]

В модуле выводится увеличенная картинка при нажатии на нее, но пользователи об этом наверняка не знают. Как мне добавить значок увеличения?
И еще вопрос. Почему стили цены не наследуются из карточки товара?
Заранее спасибо всем, кто откликнется!

kartinka:hover {
cursor: zoom-in;
}

 

[animal_x]

В модуле выводится увеличенная картинка при нажатии на нее, но пользователи об этом наверняка не знают. Как мне добавить значок увеличения?
И еще вопрос. Почему стили цены не наследуются из карточки товара?
Заранее спасибо всем, кто откликнется!

Стили не наследуются потому что у вас перезаписываются приоритетным правилом !important - Для просмотра ссылки Войди или Зарегистрируйся
Уберите эти правила или !important посомтрите как лучше.

По поводу зума можно так сделать - Для просмотра ссылки Войди или Зарегистрируйся
Если нужно вот код дива который я вставил

<div style="font-style: italic;  text-align: center;  padding: 6px 0 4px 0;  color: #999;">
<span>Нажмите на фото для увеличения</span>
<img src="http://cpwrconstructionsolutions.org/_img/zoom_icon.png" style="vertical-align: middle;  margin: 0 3px;"></div>

Если хочешь просто лупу на фотке, то оставляй только img и ставь стиль position: absolite и распологай где нужно

 

[ioh]

Стили не наследуются потому что у вас перезаписываются приоритетным правилом !important - Для просмотра ссылки Войди или Зарегистрируйся
Уберите эти правила или !important посомтрите как лучше.

По поводу зума можно так сделать - Для просмотра ссылки Войди или Зарегистрируйся
Если нужно вот код дива который я вставил

<div style="font-style: italic;  text-align: center;  padding: 6px 0 4px 0;  color: #999;">
<span>Нажмите на фото для увеличения</span>
<img src="http://cpwrconstructionsolutions.org/_img/zoom_icon.png" style="vertical-align: middle;  margin: 0 3px;"></div>

Если хочешь просто лупу на фотке, то оставляй только img и ставь стиль position: absolite и распологай где нужно

C лупой все получилось, а вот если менять стили в tab.content span, то они меняются и в описании товара. А там они мне нужны именно такие.

 

[animal_x]

C лупой все получилось, а вот если менять стили в tab.content span, то они меняются и в описании товара. А там они мне нужны именно такие.

Так вот для этого не нужно чтобы у тебя били конфликты стилей, которые ты уже сделал. !important используется только в крайних случаях. В карточке товара у тебя прописан стиль к span

<span style="color:#0000ff;">Необычная комбинация вельвета с джинсом. Ткань поблескивает на солнце. Свободная посадка. </span>

и тут же ты внешним стилем переназначаешь спану цвет на зеленый - Для просмотра ссылки Войди или Зарегистрируйся

Удаляй полностью стиль с color тут - <span style="color:#0000ff;"> и убирай в stylesheet.css в .tab-content span "!important" в color и все будет ок.

 

[BestFish]

В модуле выводится увеличенная картинка при нажатии на нее, но пользователи об этом наверняка не знают. Как мне добавить значок увеличения?
И еще вопрос. Почему стили цены не наследуются из карточки товара?
Заранее спасибо всем, кто откликнется!

озвучьте пожалуйста название модуля в котором "выводится увеличенная картинка при нажатии на нее"

 

[ioh]

озвучьте пожалуйста название модуля в котором "выводится увеличенная картинка при нажатии на нее"

название модуля product quick look
с картинкой проблему совместными усилиями решили.
Есть другая проблема - кнопка "подробнее" по-разному отражается при перезагрузке страниц, а на моб. устройствах и планшетах вообще не видна

 

[animal_x]

название модуля product quick look
с картинкой проблему совместными усилиями решили.
Есть другая проблема - кнопка "подробнее" по-разному отражается при перезагрузке страниц, а на моб. устройствах и планшетах вообще не видна

По разному потому что почемуто не добавляет параметры top и left, а иногда добавляет
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Смотрите как этот модуль считает эти расстояния, скорее всего через javascript, попробуйте задать расстояния через css или в шаблоне, в обще нужно все смотреть и пробовать. А по поводу моб устройств, так там и не будет выводится, т.к в них нех курсора чтобы навести на объект, нужно отдельно прописывать условия для разрешения в css для мобильных, скажем чтобы на мобильных эта кнопка сразу была видимой.