Опции - увеличение фотографий

Ладно, не буду любезничать - Вы хоть смотрели эти файлы?
Понятие имеете - не спорю, НО, по этому модулю (дополнинию или как хотите его назовите) - лично знаете, ставили (не какой нибудь похожий - как бы или), а именно этот модуль? Похоже что нет. Не волнуйтесь - будет время я Вам отвечу прямо (не двусмысленно) как нужно отвечать только по существу.
Честь имею.

Да, ЭДДи - внеси ясность.

 

ну а что тут отвечать то? За вас открыть модификатор и сказать

в файле catalog/controller/product/product.php

найти

Код:

'product_option_value_id' => $option_value['product_option_value_id'],

после вставить

PHP:

'modallrppo' =>  $this->model_tool_image->resize($option_value['image'], $this->config->get($this->config->get('config_theme') . '_image_popup_width'), $this->config->get($this->config->get('config_theme') . '_image_popup_height')),          

далее найти

Код:

$data['heading_title'] = $product_info['name'];

и заменить на

PHP:

$data['click'] = $this->language->get('click');
      $data['click_select'] = $this->language->get('click_select');
      $data['heading_title'] = $product_info['name'];   

далее в шаблоне catalog/view/theme/*/template/product/product.tpl

найти второе вхождение строки

Код:

<label class="control-label"><?php echo $option['name']; ?></label>

и заменить на

Код:

<label class="control-label"><?php echo $option['name']; ?> (<?php echo $click; ?>)</label>

далее найти

Код:

<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 echo $option_value['name']; ?>
      

и заменить на

Код:

<div class="lrppo_modal"><a href="<?php echo $option_value['modallrppo']; ?>" alt="<?php echo $click; ?>"><img src="<?php echo $option_value['image']; ?>" border="0" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" /></a> <?php echo $option_value['name']; ?> (<?php echo $click_select; ?>)</div>
 

и еще найти

Код:

<?php echo $footer; ?>

и перед ним вставить

Код:

<script type="text/javascript">      
$(document).ready(function() {
  $('.lrppo_modal').magnificPopup({
    type:'image',
    delegate: 'a',
    gallery: {
      enabled:true
    }
  });
});
</script>

при этом не забываем обновить кеш модификаторов и проверить, чтобы все нашел по логу.

 

Спасибо. Попробую - получится дам скины.

 

Разобрался. Ну вот можно (же) раньше было написать как, что и где поставить (в коде)... Не сложно это было повторить и мне...
Получилось вот что:
Это немного (совсем) не то что нужно (лично мне) - нужно, как здесь: http://www.sunsean.com/zoomi/ - что бы, при наведении курсора на любую из картинок которые стоят в опциях - всплывало изображение оригинала картинки (небольшое такое, к примеру 100х200 пикс).
Буду искать решение как - это: http://www.sunsean.com/zoomi/ - пробовали админы с др. сайта, которые и посоветовали поставить это увеличение - у них то-же не чего не получилось (не заработало). (НО, кто-то ведь не просто знает а еще и может? Будь добр - помоги)

 

Так это обычный CSS

Код:

.lrppo_modal img:hover {
    transform: scale(1.2);
}

 

А как реализовать его? Подскажите что куда поставить что бы заработало. Что получится выложу скринами.
(порадуем успехами других нуждающихся, дав им возможность применить то что им нужно!)

 

В стили прописал, а где еще и что поставить? Так код не желает (вообще) работать.
Кто - то ведь знает?

 

Так я установил, работает. И забыл вообще. Просто установил модуль. Кажется, ничего там не менял.

 

Что за драка? Я про модуль. Он работает отлично. А ручками, это уж каждый сам (ну, если не одну строчку править надо).
Или я вообще не понял, о чем спрашивает Serg-24...
Про css, это лучше не сюда.

 

Модуль(ем) или не модулем - не важно, главное, что бы при наведении на картинки с опциями, а они (у меня) квадратной формы - картинки, 37х37 пикселей - с верху появлялась картинка - без кликов (если можно) - при наведении курсором на квадратик с картинкой (одно наведение, на 1 картинку = появление картинки большего размера, и т.д.).
Ну не могу найти, готов коды ковырять и ставить, НО не знаю как и (вообще) с чего начать.

Дайте пожалуйста скрин - как производит работу Ваш (установленный) модуль - посмотреть - это то или нет.

Дело в том, что мне нужно что бы в карточке товаров можно было:
1 - При наведении на любую из опций (курсором мыши) - посмотреть увеличенную картинку, что бы потом выбрать какую из этих опций (по увеличенной картинке) выбрать.
2 - Нажать, что бы выбранная опция ушла в заказ.

А есть плагины, что бы кликать по опции для просмотра через модальное окно - и они не дают возможности отложить данную опцию в заказ - только просмотр.

 

У меня надо кликнуть на картинку, чтобы при помощи jquery картинка увеличилась.
ПРи наведении тоже можнобыло бы. Но я сейчас не готов.
Хотя это, конечно, было бы идеальным решением.
Навел на картинку, просмотрел увеличенную опцию. Кликнул по картинке, действие по умолчанию - пометил опцию.
Данный модуль этого не делает.
Надо разрабатывать заново. Или сильно переделывать.

 

Кстати. Идея разработчикам, а не пользователям. Сделайте и продайте.

 

Временно пока установи модуль. Ну пусть будет клик. Дальше будет видно.
И еще. Только при клике на УМЕНЬШЕННОЙ КАРТИНКЕ у меня выводится ее большое изображение. Слева радиокнопка - она помечает. Справа текст - при нажатии на него - тоже помечается опция. Лично я убрал ненужную фразу Cklich to select в файле в language. И так понятно.

 

Слишком (это) "Запущенно" - простота - это порядок и возможность любому (будующему) клиенту стать покупателем - все должно быть просто и предельно понятно. Иначе покупатель запутавшись (Ну не понимает он зачем так много кнопок - да и ему оно не нужно) - уйдет, так и не чего и не поняв....
Сам бы написал, НО, нет знаний как писать осмоды, и как вообще их составлять на примерах - так бы создал и залил для всех...

 

Да все там понятно. Смотри в личку. А при манипулировании мыши когда возникают огромные изщображения, это хорошо?

 

solunski.d - Будь-те любезны - сообщите как поставить код который Вы предложили?
Куда его (перед чем) и как поставить? Знаний у меня как у Вас нет - по этому и прошу Вас подсказать.
Идея использовать transform: scale(1.2) - хороша тем что не нужно подключать к данному коду какие либо скрипты - это понятно, будет происходить увеличение в 2 раза той картинки на которую просто наводится курсор, если тегами поставить оболочку (имею в виду <div class="lrppo"> ЧТО СТАВИМ ЗДЕСЬ - какой код закрываем конечным тегом </div>

 

Идея с использованием: transform: scale(1.2) - не плоха, НО, увеличивается не картинка которая берется из основного (загруженного) файла а эта маленькая 37х37 пикс. и (именно) она и увеличивается - качество (это же не SVG файл) оставляет желать лучшего (картинка мутная, расплывчатая).
Нужно другое решение, при котором - если наводишь на картинку в опциях = всплытие (появление) картинки из файла оригинала. Потом можно будет добиться стилями какого размера будет выводится сама картинка, а пока нужен сам метод её вывода.

 

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

 

Пробовал так.
Увеличил изображение в админке, поставил css: (class - не реагирует и прописал задав ID)
#-lrppo img { /* .lrppo_modal img:hover - модальное окно */
float:left;
width: 40px; /* размер картинки в ОПЦИИ */
height: 40px; /* размер картинки в ОПЦИИ */
margin-top: 0px; /* показать выше */
margin-bottom: 0px; /* */
margin: 30px; /* отступ от опций в низ */
z-index: 1500; /* что бы не двигала что стоит выше */
-clear:both; /* выравниваем без обтекания */
}
#-lrppo img:hover { /* .lrppo_modal img:hover - модальное окно */
width: auto; /* размер картинки в ОПЦИИ */
height: auto; /* размер картинки в ОПЦИИ */
transform: scale(1.2); /* увеличение в 2 раза */
margin-top: -100px; /* показать выше */
z-index: 1500; /* что бы не двигала что стоит выше */
transition-duration: 0.2s; /* скорость анимации */
}
- все перекривилось и работать не желает.

 

Это не является модальным окном, это тот же объект, просто увеличен в 0.2 раза, ссылку на сайт