[Помогите] Увеличение изображения и опций при наведении курсором мышки

Тема в разделе "OpenCart", создана пользователем иван01, 18 мар 2013.

  1. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    Помогите, как реализовать плавное увеличение изображение и опции товара
    как в шаблоне Shop Uneversal

    [​IMG]

    Мне нужно сделать увеличение как на приведенном для примера мною сайте
    Опции реализованы изображением
     
  2. kastahhls

    kastahhls

    Регистрация:
    30 дек 2012
    Сообщения:
    114
    Симпатии:
    13
  3. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    Этот модуль увеличивает основное изображение товара, а я ищу чтоб увеличивал изображение опций
     
  4. strug_s

    strug_s

    Регистрация:
    4 фев 2013
    Сообщения:
    21
    Симпатии:
    2
    В данном случае все (кроме быстрого просмотра) сделано на сss. (stylesheet.css). Можно попробовать вытащить файл со стилями, удалить лишнее и применить свои названия стилей (или наоборот свои переименовать под эти).
     
  5. Vlad-i-Slav

    Vlad-i-Slav

    Регистрация:
    20 мар 2013
    Сообщения:
    286
    Симпатии:
    176
    В css вставляешь
    И применяешь к картинке
     
    иван01 нравится это.
  6. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    а для увеличения javascript не применяется?
     
  7. Vlad-i-Slav

    Vlad-i-Slav

    Регистрация:
    20 мар 2013
    Сообщения:
    286
    Симпатии:
    176
    иван01 нравится это.
  8. иван01

    иван01

    Регистрация:
    20 ноя 2012
    Сообщения:
    3
    Симпатии:
    4
    А готового модуля не встречали, чтоб не лазить по коду?
     
  9. Vlad-i-Slav

    Vlad-i-Slav

    Регистрация:
    20 мар 2013
    Сообщения:
    286
    Симпатии:
    176
  10. strug_s

    strug_s

    Регистрация:
    4 фев 2013
    Сообщения:
    21
    Симпатии:
    2
    Вот архив, в котором вырезано все кроме css. и все работает локально.
     
  11. apple-boom

    apple-boom

    Регистрация:
    21 ноя 2012
    Сообщения:
    152
    Симпатии:
    297
    Здесь при наведении на товар открывается div .hov
    Код:
    .box-product .image .hov,
    .product-grid .image .hov {
    	display: none;
    	position: absolute;
    	z-index: 99;
    	background: #fff;
    	position: absolute;
    	margin-top: -120px;
    	-webkit-box-shadow: 1px 1px 5px #444444;
    	-moz-box-shadow: 1px 1px 5px #444444;
    	box-shadow: 1px 1px 5px #444444;
    	margin-left: -45px;
    	text-align: center;
     
    	-webkit-border-radius: 9px;
    	-moz-border-radius: 9px;
    	-khtml-border-radius: 9px;
    	border-radius: 9px;
    	width: 270px;
    }
     
  12. 130983

    130983

    Регистрация:
    10 дек 2012
    Сообщения:
    172
    Симпатии:
    146
    выведите изображения опций в контроллер категорий, подключите любую удобную для вас jqwery галерею в шаблоне категорий для товара, можете попробовать и тот же cloud-zoom, который так часто используется в опенкартовских шаблонах
     
  13. maxy666

    maxy666

    Регистрация:
    1 июн 2013
    Сообщения:
    1
    Симпатии:
    0
    посоветуйте пожалуйста как реализовать данное увеличение на opencart 1.5.5.1 ?
    пробовал http://www.myjqueryplugins.com/jquery-plugin/jquery-zoom
    не получилось поставить можно какую то инструкцию по данному скрипту
     
  14. fedia

    fedia

    Регистрация:
    4 авг 2013
    Сообщения:
    104
    Симпатии:
    13
  15. udaff

    udaff

    Регистрация:
    3 янв 2013
    Сообщения:
    139
    Симпатии:
    28