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

Опции: Изобажение с флажком, при выборе опции в товаре.

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

Здравствуйте!

 

Подскажите, в опциях, в товаре, когда выбираешь отображение "Изображение" оно появляется на выбор пользователя или то или то, там же есть в настройках "Флажок", он предоставляет возможность выбрать определенные опции...

 

Вопрос: Как сделать отображение опции одновременно "ИЗОБРАЖЕНИЕ И ФЛАЖОК"?

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


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

Здравствуйте!

 

Подскажите, в опциях, в товаре, когда выбираешь отображение "Изображение" оно появляется на выбор пользователя или то или то, там же есть в настройках "Флажок", он предоставляет возможность выбрать определенные опции...

 

Вопрос: Как сделать отображение опции одновременно "ИЗОБРАЖЕНИЕ И ФЛАЖОК"?

Не как ахахха :) 

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


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

Не как ахахха :)

 

Не, ну должен же быть способ!) Можно же привязать к опции флажок значит можно вывести туда и картинку, прикрепив к флажку(если да, то пути может кто знает)!!! Или может более простой способ есть!?

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


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

Так картинку можно сделать. Но ты выше написал что тебе надо и Чекбоксы и радио

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


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

Так картинку можно сделать. Но ты выше написал что тебе надо и Чекбоксы и радио

Ну типа того...

 

Подробнее напишу:

 

Bezimyanni_1431892_21463872.jpg

 

Чтобы люд смертный, да выбор имел, да не просто читал, а знал картинками, что предстоит выбрать ему, да на что обречь душу свою!!!

Изменено пользователем MFX

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


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

Либо скажите какой файл отвечает за опции, сам картинки прикреплю!)


 


подскажите в общем пожалуйста!)


ПРЯМ СИЛЬНО НАДО!


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


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

Люд добрый, подскажите уж... Не проходите мимо!)

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


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

Короче все гениальное просто и делается за 2 секунды:

 

Меняем "radio" на "checkbox" - в данном коде это 10 строка(по адрессу: /public_html/catalog/view/theme/default/template/product/product.tpl)

<?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <table class="option-image">
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <tr>
              <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><a href="<?php echo $option_value['popup']; ?>" title="<?php echo $option['name'] . ': ' . $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="colorbox" rel="colorbox-option-<?php echo $option['product_option_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></a></label></td>
              <td><label class="imagename" for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                  <?php if ($option_value['price']) { ?>
                  (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                  <?php } ?>
                </label></td>
            </tr>
            <?php } ?>
          </table>
        </div>
        <br />
        <?php } ?>

Осталось дело за малым, прикрутить это все в контроллере!) Так как в корзине ни хочет указывать множественный выбор опций(указывает только одну!) Зато в самом товаре легко можно выбрать все что душе угодно!)

 

Вопрос следующий: Как теперь в контроллере привязку сделать!?)

Изменено пользователем MFX

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


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

Забудьте все выше написанное...

 

Достаточно в /public_html/catalog/view/theme/default/template/product/product.tpl найти первое слово "checkbox", потом ниже: после 

<?php echo $option_value['product_option_value_id']; ?>"

вставить:

<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></a>

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

 

 

Все просто и проверенно! Работает! При выборе нескольких опций и последующем добавлении товара в корзину и последующего оформления, все опции учитываются и все работает на ура!

Изменено пользователем MFX

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


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

Найти

<input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" />

после этой строки добавить

 

<?php if ($option_value['image']) { ?>
      <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" /> 
  <?php } ?>
  • +1 1

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

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

    • От mpn2005
      500.00 руб
      Скачать/Купить дополнение


      [OC3] Обновление цены при выборе опции, без AJAX
      Модуль динамически изменяет цену товара при выборе опции и изменении количества товара.
      (NEW) Дополнительные действия к цене опции: =, %, *,  /.
      На этапе развития модуля поддержка оказывается без дополнительной оплаты.
       
      Демо:
      OpenCart v3.0.2.0: Демо1 Демо2 (акция)
       
      Вохможности:
      Учитывается акция на товар Учитывается скидка на товар Обновление цены с учётом налогов Обновление цены в бонусных баллах (вкл / выкл) Умножение цены на введённое количество товара (вкл / выкл) Акция на опции пропорционально акции на товар  (вкл / выкл) Скидка на опции пропорционально скидке на товар (вкл / выкл) Автоматический выбор первой опции (вкл / выкл) Вывод цены в дополнительной валюте (NEW) Дополнительные действия к цене опции: =, %, *,  /.  
      Настройки модуля находятся на закладке Локализация в конфигурации магазина
       
      Версия для OC1.5, OC2
       
      Особенности работы:
      Не используется AJAX, поэтому при подсчёте скидок учитывается только введённое количество (товар, лежащий в корзине, в расчёте не участвует). Добавил mpn2005 Добавлено 21.04.2018 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop  
    • От mpn2005
      Модуль динамически изменяет цену товара при выборе опции и изменении количества товара.
      (NEW) Дополнительные действия к цене опции: =, %, *,  /.
      На этапе развития модуля поддержка оказывается без дополнительной оплаты.
       
      Демо:
      OpenCart v3.0.2.0: Демо1 Демо2 (акция)
       
      Вохможности:
      Учитывается акция на товар Учитывается скидка на товар Обновление цены с учётом налогов Обновление цены в бонусных баллах (вкл / выкл) Умножение цены на введённое количество товара (вкл / выкл) Акция на опции пропорционально акции на товар  (вкл / выкл) Скидка на опции пропорционально скидке на товар (вкл / выкл) Автоматический выбор первой опции (вкл / выкл) Вывод цены в дополнительной валюте (NEW) Дополнительные действия к цене опции: =, %, *,  /.  
      Настройки модуля находятся на закладке Локализация в конфигурации магазина
       
      Версия для OC1.5, OC2
       
      Особенности работы:
      Не используется AJAX, поэтому при подсчёте скидок учитывается только введённое количество (товар, лежащий в корзине, в расчёте не участвует).
    • От mpn2005
      500.00 руб
      Скачать/Купить дополнение


      [OC3] Опции с вводом количества, артикулом и изображением
      !!! версия для OC3 !!!
      Добавляет новые поля к значениям опций в товаре: Артикул, Изображение (Изображения опций можно задавать непосредственно в товаре)
       
      Версия для ОС2
       
      Демо OpenCart 3.0.2.0:
      Ввод количества (с разделением на товары в корзине) Демо для остальных типов опций на подходе...  
      Возможности:
      Добавляет новые поля к значениям опций в товаре: Артикул, Изображение (Изображения опций можно задавать непосредственно в товаре). При добавлении в корзину опции разделяются на отдельные товары. что позволяет изменять количество в корзине. Для каждого значения опции показывается полная стоимость (Для опций с разделением в корзине). Поддерживаемые языки: Русский, Английский, Украинский. Совместимость с модулем Обновление цены при выборе опции, без AJAX OC3
      Модуль добавляет новые типы опций:
      "Ввод количества (с разделением на товары в корзине)" - Поля ввода количества. При добавлении в корзину опции разделяются на отдельные товары. "Ввод количества" - Поля ввода количества. При добавлении в корзину опции не разделяются на отдельные товары. "Список с количеством" - Список с полем ввода количества.  "Ввод количества (скидка от общей суммы заказа)" - Вместо скидки за количество идёт скидка от общей суммы заказа. Размер скидки указывается в %.  "Ввод размера (цена за площадь)" - Цена за квадратную единицу указывется в цене товара (Единицы длины указываются в товаре). У опции указывается единицы ввода длины ии при расчёте цены производится перевод в единицы товара. Дополнительно есть настройки: минимального размера, максимального размера и размера по умолчанию.  
      Список изменений:
      v3.0.0 (17.06.2018) - Первый релиз модуля  
      Поддержка:
      При возникновении проблем с установкой пишите в личку, помогу с установкой. Для некоторых тем может понадобится доработка модуля. Пишите в личку с указанием доступа на фтп и в админку, помогу с адаптацией. Поддержка не круглосуточная, отвечу как только буду на связи. При длительном отсутствии всегда сообщаю об этом в профиле. При возникновении вопросов о возможности реализации дополнительного функционала, свяжитесь со мной перед покупкой.  
      Добавил mpn2005 Добавлено 17.06.2018 Категория Опции Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop  
    • От mpn2005
      !!! версия для OC3 !!!
      Добавляет новые поля к значениям опций в товаре: Артикул, Изображение (Изображения опций можно задавать непосредственно в товаре)
       
      Версия для ОС2
       
      Демо OpenCart 3.0.2.0:
      Ввод количества (с разделением на товары в корзине) Демо для остальных типов опций на подходе...  
      Возможности:
      Добавляет новые поля к значениям опций в товаре: Артикул, Изображение (Изображения опций можно задавать непосредственно в товаре). При добавлении в корзину опции разделяются на отдельные товары. что позволяет изменять количество в корзине. Для каждого значения опции показывается полная стоимость (Для опций с разделением в корзине). Поддерживаемые языки: Русский, Английский, Украинский. Совместимость с модулем Обновление цены при выборе опции, без AJAX OC3
      Модуль добавляет новые типы опций:
      "Ввод количества (с разделением на товары в корзине)" - Поля ввода количества. При добавлении в корзину опции разделяются на отдельные товары. "Ввод количества" - Поля ввода количества. При добавлении в корзину опции не разделяются на отдельные товары. "Список с количеством" - Список с полем ввода количества.  "Ввод количества (скидка от общей суммы заказа)" - Вместо скидки за количество идёт скидка от общей суммы заказа. Размер скидки указывается в %.  "Ввод размера (цена за площадь)" - Цена за квадратную единицу указывется в цене товара (Единицы длины указываются в товаре). У опции указывается единицы ввода длины ии при расчёте цены производится перевод в единицы товара. Дополнительно есть настройки: минимального размера, максимального размера и размера по умолчанию.  
      Список изменений:
      v3.0.0 (17.06.2018) - Первый релиз модуля  
      Поддержка:
      При возникновении проблем с установкой пишите в личку, помогу с установкой. Для некоторых тем может понадобится доработка модуля. Пишите в личку с указанием доступа на фтп и в админку, помогу с адаптацией. Поддержка не круглосуточная, отвечу как только буду на связи. При длительном отсутствии всегда сообщаю об этом в профиле. При возникновении вопросов о возможности реализации дополнительного функционала, свяжитесь со мной перед покупкой.  
    • От sitecreator
      1 990.00 руб
      Скачать/Купить дополнение


      Сжатие изображений Opencart (Компрессор) плюс водяной знак и бонусы
      Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
      Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок и т.д.
      Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").
      "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (при наличии либо функции proc_open php, либо webp в одной из библиотек: GD или imagick)  и всегда на VDS.   Нужные функции вы можете сами включать даже на обычном хостинге (многие это позволяют - см. ниже).
      Установка софта для сжатия изображений Опенкарт (mozjpeg и  optiPNG) в два клика на обычный хостинг и VDS (не требует знаний Linux).
      Вся магия здесь:
       

       
      Демо 2 (клиентская часть): http://watermark.sitecreator.pro
      Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator
       
      Демо 1.5 (клиентская часть): http://watermark15.sitecreator.pro
      Демо 1.5 (админка): http://watermark15.sitecreator.pro/admin/index.php?route=module/watermark_by_sitecreator
       
      пользователь: DEMO
      пароль: DEMO
       
      совместим со всеми сборками версий движков Opencart (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3)
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
       

       
      Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
       
      Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.
      Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
      Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.
      Адаптивный ресайз (resize, обрезка) изображения.
       

       
      Как включить нужную для максимального сжатия функцию?
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений. Но для многих сжатие изображений в Opencart - это самый важный функционал.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP.
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Немного о возможности использования WebP на обычном хостинге:
       
       
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,  WebP , т. е. возможно суперсжатие в полной мере.
      Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.
      В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%
       
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3)
      требования: php 5.5+ (рекомендуемый минимум - это 5.6; 7.0, 7.1)  Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader v5.0+ (рекомендуется 10+)
      Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.
      Ioncube loader 10+ есть сейчас, как минимум, у 95% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (полуторагодовалой давности).
      Просьба учесть, что при минимальных требованиях модуль работать будет, но не все функции могут быть доступны.  Не вижу смысла поддерживать совместимость с допотопным серверным софтом в ущерб развитию модуля.
       
       
      Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.
      Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена.
       
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

       
       
      Модуль умеет накладывать водяной знак и сжимать изображения, которые вставлены по прямым ссылкам в описании товара.   Для SEO CMS есть отдельное решение.
       
       
      Модуль умеет оптимизировать (сжимать) все изображения ваших шаблонов и логотип сайта.  Это в дополнение к сжатию всех изображений, проходящих через движок (картинки товаров, категорий, баннеры и т. д. и т. п.)
       

       
       
       
      Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
      Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.
      Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.
       
      Решение здесь: SEO CMS mod for Image Compressor & Watermark
       
       
       
      Решение по работе с фоном исходных изображений здесь:
      Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.
      Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".
       
       
      Совместимость со специфическими модулями и модификаторами,
      (затрагивающими системную библиотеку и модель image.php)
       

      Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:
       
       
      А что это гугл пишет "изменение размера .... уменьшит"?

       
       

      Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)
      и СЖАТИЕ изображений по прямым ссылкам и из CSS.
       

       
      ЗАПРЕТ НА ПРОСМОТР в браузере и СКАЧИВАНИЕ ИСХОДНЫХ изображений
          
                  
       
       
       
      ================
      История версий
      ==============
       
       
       
       
       
       
      Добавил sitecreator Добавлено 26.08.2017 Категория Кэширование, сжатие, ускорение Системные требования php 5.5+, Ioncube Loader 5+ (рекомендуемый минимум: php 5.6+, ioncube loader 10+) ) Сайт разработчика https://sitecreator.ru/ Старая цена 2900 Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
  • Последние посетители   0 пользователей онлайн

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

×