Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Выбор цвета и оттенка


Recommended Posts

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


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

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

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

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

Надіслати
Поділитися на інших сайтах


  • 5 years later...

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

 

Надіслати
Поділитися на інших сайтах

  • 3 weeks later...
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
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.