Перейти к содержанию
vladshevich

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Про какую "иконку" идет речь?)

можно чуть поподробнее...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

при просмотре пользователем увеличенной фотографии (fancybox или colorbox вроде так если не ошибся)  есть необходимость разместить кнопку "купить"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

FancyBox и ColorBox хоть и похожие по своей сути, но абсолютно разные скрипты - от сюда и возможные варианты решение данного вопроса. Оба они поддерживают модальные окна, и вывезти кнопку Купить при просмотре изображения товара - не так сложно. Вы уж вначале определитесь какой из них Вам нужен...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Похожий контент

    • От zemleroi
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
    • От zemleroi
      500.00 руб
      Скачать/Купить дополнение


      Кнопка "Показать еще" товары (OC1.5.x&OC2.x)
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
      Добавил zemleroi Добавлено 25.04.2015 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • От Jeneko
      300.00 руб
      Скачать/Купить дополнение


      Простая кнопка заказа обратного звонка
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты". Добавил Jeneko Добавлено 18.02.2018 Категория Обратная связь, звонки Системные требования Сайт разработчика Старая цена Метод активации Без активации 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 Не проверялось Обращение к серверу разработчика  
    • От Jeneko
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".
    • От nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&amp;path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

      картинку прикрепил, как примерно надо 

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.