Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Подскажите как реализовать подстановку фото


Recommended Posts

Здравствуйте, подскажите уверен что на форуме такое уже реализовывали. Необходимо следующее. На странице

необходимо сделать фото с возможность замены его, при нажатии по маленькой картинке. Прикрепил фото чтоб было понятно

 

post-695182-0-32263800-1465588642_thumb.jpg

  • +1 1
Link to post
Share on other sites

Это надо хитрить немного... Ставим в a href маленькой фотки ссылку на фотку с нужным изображением. А потом по on click меняем src больлшой фотки!

  • +1 1
Link to post
Share on other sites

Получилось следующее фото прикрепил. Остался вопрос как сделать вывод большого фото на страницу. Желательно не создавая 30 страниц с разными урл для каждого узора.

 

post-695182-0-47726800-1465634096_thumb.jpg

  • +1 1
Link to post
Share on other sites

  • 5 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By 2OC
      750
      Скачать/Купить дополнение


      2OC ProductTabs
      Модуль 2OC ProductTabs. Настройка показа типа продуктов:  слайдер или сетка. Включение/Выключение вкладок с продуктами. Тонкая настройка показа продуктов. Установка своих классов для каждого модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Админка
      login: demo
      pass: demo
       
       
      Вкладки
      Типы вкладок:
      Хиты продаж Рекомендуемые Новинки Популярные Скидки При необходимости любую из вкладок можно включить/выключить.
       
      Продукт
      Тонкая настройка показа элементов продукта, включение/выключение показа: изображения, имени, описания, цены, рейтинга, корзины, избранного, сравнения и ...
       
      jQuery
      Возможность настройки параметров показа слайдера
       
      Кеширование
      Реализована генерация кэша для каждого модуля, что позволяет при следующем обращении к модулю отдавать его пользователю без единого запроса к базе данных, что повышает быстродействие и снижает нагрузку на сервер.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC ProductTabs в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC ProductTabs под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
       
      Добавил 2OC Добавлено 04.03.2021 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By 2OC
      890
      Скачать/Купить дополнение


      2OC BannerGrid
      Модуль 2OC Bannergrid. На выбор типы показываемых банеров: Изображение или Карусель. Настройка размеров изображений и позиционирование в конструкторе админки.  Кеширования модуля. Установка своих классов для модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Страница с примерами
      Админка
      login: demo
      pass: demo
       

      Есть на выбор 2 типа баннера:
      1. Изображение.
      2. Карусель.
       
      Возможность установить свой HTML код и/или URL для каждого из баннеров.
       
      Возможность кеширование модуля, чтобы не получать каждый раз данные о нём из БД.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC BannerGrid в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC BannerGrid под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
      Добавил 2OC Добавлено 04.03.2021 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By ArtemPitov
      Скачать/Купить дополнение Swipe галерея в карточку товара
      Модуль теперь free
      Также смотрите другие бесплатные и платные модули по ссылке 
       
      Модификатор заменяет стандартную галерею на новую с поддержкой touch жестов 
      Модуль работает на дефолтном и близком к нему шаблоне, адаптация платная
       
      Демо https://apl.pitov.pro/desktops/test
       
      Установка 
      Установите модуль через стандартный установщик или содержимое папки upload выгрузите в корень сайта Обновите модификатор  
      Лицензия MIT
      При использовании в своих модулях, шаблонах и любых других продуктах оставлять ссылку на это дополнения 
      В модификаторе используется JS плагин PhotoSwipe, Лицензия MIT
      Добавил ArtemPitov Добавлено 02.09.2018 Категория Меню, дизайн, внешний вид Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 0  
    • By legioner26
      Скачать/Купить дополнение Модуль зуммирования изображений товара - ZoomPRO
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      DEMO Логин: demo Пароль: demo
      http://mvc-cart.ru/index.php?route=product/product&product_id=30
       
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ Кликнуть по тексту чтобы просмотреть.
       
      По адаптации шаблонов пишите в ЛС
       
      Тестировался с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji, pixelshop и многими другими.
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
       
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      Добавил legioner26 Добавлено 20.05.2019 Категория Меню, дизайн, внешний вид Системные требования Ioncube Loader Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 3500  
    • By Seriusis
      Универсальный конструктор контента -  вкладки, аккордеоны, popup, шаги, панели, мини-галереи, баннера, шорткоды, свернутый текст (показать все / скрыть)  Вопрос/ответ, микроразметка FAQ/HowTo. Модули в табах и popup. Вывод сторонних модулей с привязкой к категории, товару и др. без необходимости создания макета. 
      Детальнее о разметке и чем она так полезна FAQ page, How To
       

       
      видеообзор возможностей
       
       
      видеообзор админки
       
       
      Видео
      Создание аккордеона "Вопрос-ответ" + FAQ микроразметка
      Создание вкладок (табов) + вставка модуля "Рекомендуемые" в вкладку
       
      Пошаговый режим (Step by step) + HowTo микроразметка
      Ниже определение "Блок" подразумевает под собой созданный блок любого типа, из доступных, а именно: вкладки/аккордеон/шаги/набор панелей типа заголовок + содержимое/список
      ВОЗМОЖНОСТИ
      Реализация вкладок Реализация аккордеонов (расскрывающихся списков) NEW!  Всплывающие окна, изображения, мини-галереи
      NEW! Баннера с настройкой количества баннеров в строке: 1,2,3,4,6
      NEW! Cвернутый текст (кнопка показать все / скрыть)
      Реализация блоков вида step by step, т.е. шагов Реализация списка элементов вида Панель: заголовок + содержимое Микроразметка FAQ или HowTo элемента блока, что позволяет хорошо выделить ваш сайт в выдаче Вставка любого модуля вашего магазина в элемент вкладки / аккордеона / шага / панели / всплывающее окно
      Например, модули "Рекомендуемые", "Новинки" и тд, и организовать табы с товарами
      Или модули "Баннер", "Карусель", "Слайдшоу", и организовать табы с баннерами или слайдерами
      Привязка созданных блоков к Товару, Категории, Производителю, Статье
      NEW! Привязка для вывода в группах товаров по критериям: "Присутствует в категории", "Товар производителя"
      Вывод на системных страницах: Главная, Список проиводителей, Контакты, Акции, Страница возврата, Форма входа, Личный кабинет, Корзина
      NEW! Вставка блока через шорткод в полях описания товара любом поле админки и прямо в tpl/twig файлах вашей темы.
               Два режима работы шорткода:
               1. Обычный (выводить всегда)
               2. Учитывать связи блока, который вставляем
      NEW! Вставка блока в другой блок
      Модуль совместим с блогами в сборках ocstore и opencart.pro  (можно привязать блоки в статье блога)
      Модуль совместим с SEO CMS блогом  (можно привязать блоки в статье блога)
      Модуль совместим с фильтром товаров OCfilter (можно привязать блоки к посадочной seo странице)
      NEW! Модуль совместим с Newsblog (доп. модификатор) NEW! Модуль совместим с Opencart Blog (доп. модификатор) Возможность вывода нескольких блоков на одной странице с сортировкой Настойка позиции выводя блоков для каждого типа страниц через макеты opencart Вывод в любое место на странице через привязку по селектору или через шорткод Возможность индивидуальной настройки для каждого созданного блока отдельно (стиль вывода, микроразметка, маркер и др.) Любые вариации блоков и различными видами и привязками и паралельной работой на одной странице NEW! Можно использовать Emoji. NEW! Возможность копирования блока NEW! Поддержка редактора ckeditor как опция, если он есть в сборке NEW! добавлен функционал "сео шаблоны", т.е можно использовать шаблоны в текстовых полях. Т.е подставлять мин/макс цену в категории, производителе, название категории, производителя. В карточке подставлять поля товара: название, цену, sku, model и др. Таким образом можно создать один блок сразу для многих страниц.  
       
      ДЕМО
      https://oc23.likedev.pro/
      Админка https://oc23.likedev.pro/admin/   логин/пароль: demo/demo
       
      ОСОБЕННОСТИ
      Решает сразу несколько задач: Табы, Аккордеоны, Шаги, всплывающие окна, мини-галерея, баннера, шорткоды,  2 вида микроразметки, т.е. заменяет сразу 3-4 десяток модулей Вставка других модулей внутри себя еще больше расширяет возможности модуля Шорткоды позволяют вставить блок в любое поле админки через визуальный редактор или в файлах tpl/twig (т.е, например, вместо  [ldev_question_block_id=1] будут выведены табы, аккордеон и тд) Можно вставлять один созданный блок в другой (например создать вкладки, и вставить в них аккордеон, баннер и т.д.) Работает практически на всех страницах, мультипривязка к нескольким страницам одного блока, или нескольких блоков к одной странице Очень гибкая админка и много настроек Удобное управление блоками с фильтром и поиском в списке блоков. Информация по типу блока, привязках прямо в списке Единый интерфейс в админке и разные типы вывода на сайте Совместимость с нестандатными шаблонами без бутстрапа, благодаря возможности подключения автономных скриптов и стилей модуля Никакого iouncube, что позволяет доработать под себя  
      ВАРИАНТЫ ПРИМЕНЕНИЯ
      Часто задаваемые вопросы с FAQ разметкой Инструкции с HowTo разметкой Вывод модулей с товарами, категориями и др. в табах, аккордеонах, всплывающих окнах Вывод модулей с баннерами, каруселями в табах, аккордеонах Вывод панелей/вкладок типа "Оплата, Доставка, Гарантия" для всех карточек или индивидуально с разным текстом Предоставление информации по шагам, например, инструкция по применению товара магазина с микроразметкой HowTo Очень полезна для выдачи сайта возможность быстро реализовать микроразметку faq/howto для любой страницы Таблицы размеров, сертификаты, фотографии, предупреждения или другая информация в всплывающих окнах Вывод мини-галереи фотографий Создание баннеров или баннерной сетки  Вывод любой информации в удобном виде Вывод блоков или сторонних модулей в нужных местах шаблона, без необходимости создания дополнительных позиций.  Каждый блок типа вкладка/аккордеон/шаги/панель/список имеет свои поля: название блока, описание.
      Каждый блок состоит из элементов
      Каждый элемент имеет свои поля: название, текст (любое html содержимое), изображение, модуль
      Элементы блока можно сортировать.
      Блоки тоже можно сортировать и выводить несколько на одной странице
       
      Внимание! Не включайте микроразметку одного типа больше чем для 1 блока на 1 странице, гугл это зарещает!
       
      УСТАНОВКА
       
      видео установки
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
      Для версий 3.x
      Важно: перед установкой архива модуля обязательно скачайте и установите файл directories_fix_oc_3.ocmod.zip и обновите модификаторы, иначе вы не сможете установить модуль.
      Сразу после установки модуля можно удалить модификатор directories_fix_oc_3.ocmod.zip, он больше не нужен.
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен (https://test.site.com) или локальный домен (https://site.loc).
       
      Для получения ключа обращайтесь в лс или на почту [email protected], сразу указывайте данные о покупке: номер заказа и домен
      Теперь ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс.
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ
       
      ОБНОВЛЕНИЕ
      для обновления модуля к версии 1.0.4 | 1.1 | 1.2 | 1.2.1
       
      удалить модификатор Accordion + Tabs + Steps, Faq + HowTo Microdata.ocmod установить архив как обычное дополнение через админку. обновить кэш модификаторов для версии 1.2 обязательно зайти в Расширения - Модули - Accordion & Tabs & Steps.  Таблицы модуля будут обновлены.  Сам модуль в списке дополнений удалять не нужно!
       
      Также смотрите модули:
      YouTube lazy load & popup - оптимизация и кастомизация iframe
      Cart Notify - уведомления в корзине и товаре в зависимости от условий
       

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.