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

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

Доброго всем времени суток.

У меня магазин строительных материалов. В продаже есть краски у которых около 150 оттенков. Скажите есть ли какаято возможность выводить опции цвета как то в отдельном модальном окне или хотябы убрать названия опций на странице товара но они должны отображаться в корзине

Или может ктото знает уже готовое решение?

Заранее всем спасибо

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


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

Доброго всем времени суток.

У меня магазин строительных материалов. В продаже есть краски у которых около 150 оттенков. Скажите есть ли какаято возможность выводить опции цвета как то в отдельном модальном окне или хотябы убрать названия опций на странице товара но они должны отображаться в корзине

Или может ктото знает уже готовое решение?

Заранее всем спасибо

Можно сделать опции не радиокнопками, а разноцветным выпадающим списком. Мало места занимает.

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


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

Дело в том что у меня не просто цвет, а картинка с с фактурой и она скорее всего не будет работать в выпадающем списке. Я конечно могу ошибаться но только что попробовал по вашему совету. Не получилось выпадает только список с названиями оттенков и все.

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


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

Дело в том что у меня не просто цвет, а картинка с с фактурой и она скорее всего не будет работать в выпадающем списке. Я конечно могу ошибаться но только что попробовал по вашему совету. Не получилось выпадает только список с названиями оттенков и все.

Дело в том что у меня не просто цвет, а картинка с с фактурой и она скорее всего не будет работать в выпадающем списке. Я конечно могу ошибаться но только что попробовал по вашему совету. Не получилось выпадает только список с названиями оттенков и все.

видно я немного туповат(или не немного) не смог всунуть скрин.

кидаю ссылку (не сочтите за рекламу плз)

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


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

Да кстати тоже назрел этот вопрос, раньше не сталкивался, но сейчас есть товар в котором допустим 25-50 опций изображениями, как вывести их списком (с изображениями естественно)? А то иначе большая портянка получается в карточке товара.

Я так понимаю, что где-то в product.tpl в районе строки <?php if ($option['type'] == 'image') { ?> ляляля

нужно заменить этот класс <div class="radio"> или добавить какой то див ещё, но так и не понял

(пробовал подпихивать туда классы из формы <?php if ($option['type'] == 'select') { ?> - не получилось)

так же пробовал делать изображения опций каруселью с добавлением скрипта - тоже не пошло)))

Камрады подскажите плиз!!!

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


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

Возможно Вас заинтересует модуль

 

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


Ссылка на сообщение
Поделиться на другие сайты
В 09.02.2018 в 18:57, Leingard сказал:

Возможно Вас заинтересует модуль

 

Спасибо. Нет, просто нужен выпадающий список цветов с изображениями

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


Ссылка на сообщение
Поделиться на другие сайты
27 minutes ago, vadim said:

Спасибо. Нет, просто нужен выпадающий список цветов с изображениями

Посмотрите ето:

https://codecanyon.net/item/fabric-choice/19929544

 

разработчик  @MaDMaxX111

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


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

Нашел пока что решение сделать опции изображений каруселью. Делал на шаблоне Royal, но подойдет и на стандартном.

Если кому надо выкладываю решение:

в  product.tpl  в блоке отвечающем за вывод опций изображениями (начинается с <?php if ($option['type'] == 'image') { ?>)

Добавляем ниже строки <div id="input-option<?php echo $option['product_option_id']; ?>">

два дива 

<div class="padding-carusel row">
 <div class="image-option owl-carousel">

и замыкаем их после <?php } ?> 

</div>
</div>

внизу файла до строки <?php echo $footer; ?>

вставляем 

<script type="text/javascript"><!--
$('.image-option').owlCarousel({
	items : 6,
	itemsCustom : false,
	itemsDesktop : [1199,5],
	itemsDesktopSmall : [980,4],
    itemsTablet: [768,4],
	itemsMobile : [479,2],
navigation: true,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false,
paginationSpeed: 300,
slideSpeed: 200,
stop_img_imgOnHover: true,
autoPlay: true,
});
//--></script>

Значения itemsDesktop : [1199,5], и т.д (количество картинок в ряд) выставляете свои

Должно получиться  так

	<?php if ($option['type'] == 'image') { ?>
			<div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
			<label class="control-label"><?php echo $option['name']; ?></label>
			<div id="input-option<?php echo $option['product_option_id']; ?>">
			<div class="padding-carusel row">
			<div class="image-option owl-carousel">
			<?php foreach ($option['product_option_value'] as $option_value) { ?>			
				<div class="radio" style="display: inline-block; text-align: center;">
				<label>
				<input style="margin-left:0px;"  type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
				<a href="<?php echo $option_value['popup']; ?>" title="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="imgpopcat">
				<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" /> <br><?php echo $option_value['name']; ?></a>
				<?php if ($option_value['price']) { ?>
					<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>
					<?php } ?>
				</label>
				</div>				
				<?php } ?>
				</div>
				</div>
			</div>
			</div>
			<?php } ?>

Вуаля, карусель работает!

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

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


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

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

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

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

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

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

Войти

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

Войти

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

    • От livekmv
      Нужен модуль для OpenCart опция другие расцветки
       
      То есть при добавлении товара я мог бы в опциях добавить другие цвета которые ведут на страницу данного цвета товара
      более наглядно можно посмотреть здесь net-a-porter.com/product/374441
       
      Если кто готов сделать за умеренную оплату пишите на личный яшик
  • Последние посетители   0 пользователей онлайн

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

×

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

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