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

Тема в разделе "Opencart", создана пользователем ioh, 5 окт 2014.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. ioh

    ioh

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

    Вложения:

  2. NinoZombie

    NinoZombie Постоялец

    Регистр.:
    27 окт 2013
    Сообщения:
    117
    Симпатии:
    28
    kartinka:hover {
    cursor: zoom-in;
    }
     
  3. animal_x

    animal_x

    Регистр.:
    22 июн 2012
    Сообщения:
    400
    Симпатии:
    127
    Стили не наследуются потому что у вас перезаписываются приоритетным правилом !important - http://prntscr.com/4t68tx
    Уберите эти правила или !important посомтрите как лучше.

    По поводу зума можно так сделать - http://prntscr.com/4t6dgm
    Если нужно вот код дива который я вставил
    Код:
    <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 и распологай где нужно
     
    ricky jabrik и ioh нравится это.
  4. ioh

    ioh

    Регистр.:
    24 сен 2013
    Сообщения:
    181
    Симпатии:
    4
    C лупой все получилось, а вот если менять стили в tab.content span, то они меняются и в описании товара. А там они мне нужны именно такие.
     
  5. animal_x

    animal_x

    Регистр.:
    22 июн 2012
    Сообщения:
    400
    Симпатии:
    127
    Так вот для этого не нужно чтобы у тебя били конфликты стилей, которые ты уже сделал. !important используется только в крайних случаях. В карточке товара у тебя прописан стиль к span
    Код:
    <span style="color:#0000ff;">Необычная комбинация вельвета с джинсом. Ткань поблескивает на солнце. Свободная посадка. </span>
    и тут же ты внешним стилем переназначаешь спану цвет на зеленый - http://prntscr.com/4thysx

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

    BestFish Постоялец

    Регистр.:
    14 июн 2014
    Сообщения:
    140
    Симпатии:
    9
    озвучьте пожалуйста название модуля в котором "выводится увеличенная картинка при нажатии на нее"
     
  7. ioh

    ioh

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

    Вложения:

  8. animal_x

    animal_x

    Регистр.:
    22 июн 2012
    Сообщения:
    400
    Симпатии:
    127
    По разному потому что почемуто не добавляет параметры top и left, а иногда добавляет
    http://prntscr.com/609dft
    http://prntscr.com/609dpf
    Смотрите как этот модуль считает эти расстояния, скорее всего через javascript, попробуйте задать расстояния через css или в шаблоне, в обще нужно все смотреть и пробовать. А по поводу моб устройств, так там и не будет выводится, т.к в них нех курсора чтобы навести на объект, нужно отдельно прописывать условия для разрешения в css для мобильных, скажем чтобы на мобильных эта кнопка сразу была видимой.