Сообщений в теме: 27

[MikDark]

Rebvjd (22 Январь 2017 - 18:03) писал:

Это все в опере.  На других браузерах норм

У нас в опере тоже все работает. Может у Вас какой-то плагин стоит, мешающий работе. Попробуйте переустановить браузер Опера

[lelenushka]

Уважаемые модераторы )) Помоги пожалуйста реализовать такой же графический выбор цвета, только в таком виде, как просит ОЛЬГА 94 (вот http://forum.storela...attach_id=36633


А еще есть 3 вопросика, на картинке я их отметила:
1. можно ли реализовать такую штуку, чтобы отображать размер (объём) сумки
2.  такой же вопрос, только в сантиметрах
3. у нас, как правило, на одну модель сумки приходится много цветов, поэтому было бы очень удобно, если при просмотре товара и выборе его в другом цвете, автоматически страница переходила бы на ту, с нужным цветом. Вот пару примеров )) https://www.rendez-v...hernyy-1622084/  и еще  https://www.sumochka...ucci/70453.html

[Vaccina]

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

Для начала вам необходимо изменить тип выбора модификации, вместо выпадающего списка сделать выбор радиокнопками по следующей инструкции:
http://forum.storela...240#entry214519

И далее уже необходимо заменить сами кнопки цветными квадратиками или изображениями:
http://forum.storela...120#entry138210

[lelenushka]

Vaccina (19 Апрель 2017 - 07:50) писал:

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

Для начала вам необходимо изменить тип выбора модификации, вместо выпадающего списка сделать выбор радиокнопками по следующей инструкции:
http://forum.storela...240#entry214519

И далее уже необходимо заменить сами кнопки цветными квадратиками или изображениями:
http://forum.storela...120#entry138210

Поняла, спасибо)) Буду пробовать

[57P]

Здравствуйте, помогите реализовать графический выбор цвета http://чччччччччч.ru/goods/TeST

[Vaccina]

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

По инструкции выше:

Vaccina (19 Апрель 2017 - 07:50) писал:

И далее уже необходимо заменить сами кнопки цветными квадратиками или изображениями:
http://forum.storela...120#entry138210

Вам необходимо в конец main.js добавить:

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
	 var name = $.trim($(this).text());
	 if(name in colors) {
		 $(this).css({
			 'backgroundColor': colors[name]
		 });
	 }
});
});

и указать свои цветовые значения.

Во вставляемом коде "Коричневый" - название значения модификации, а "brown" - это значение стиля цвета для квадрата.
Код цветов вы можете просмотреть на следующем сайте: www.color-hex.com

[57P]

гуд))) только одна проблемка) не видно какой цвет был выбран) рамку вокруг выбранной модификации можно сделать?

Цитата

И далее уже необходимо заменить сами кнопки цветными квадратиками или изображениями:

и еще вопрос, как изображения вставлять?

[Vaccina]

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

В этом случае вместо:

$(function() {
var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black'};
$('.goodsDataMainModificationsBlockProperty label').each(function() {
		 var name = $.trim($(this).text());
		 if(name in colors) {
				 $(this).css({
						 'backgroundColor': colors[name]
				 });
		 }
});
});

используйте:

$(function() {
  var colors = {'Коричневый': 'brown', 'Серый': 'gray', 'Черный': 'black', 'Камуфляж': 'url("адрес изображения")'};
  $('.goodsDataMainModificationsBlockProperty label').each(function() {
	var name = $.trim($(this).text());
	if(name in colors) {
	  $(this).css({
		'background': colors[name]
	  });
	}
  });
}

В данном блоке измените:

адрес изображения

и продолжайте список цветов по аналогии.

Чтобы выделить выбранную модификацию зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-view .product-shop .mod-input:checked + .mod-label {
	background: #dcdcdc;
}

замените на:

.product-view .product-shop .mod-input:checked + .mod-label {
	border: 3px solid #000;
}

цвет и размер рамки измените на необходимый.