Перейти к содержимому


В Теме Новогодняя Изменить Вывод Модификаций В Товаре

Автор ogonek7777, 02 июня 2017 15:57

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 41

#1 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 02 Июнь 2017 - 15:57

Как мне получить стандартный вывод модификаций

2017-06-02_15-52-08.png

на такое:

2017-06-02_15-47-12.png

Спасибо!

Прикрепленные изображения

  • 2017-06-02_15-47-12.png

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Июнь 2017 - 07:33

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

Инструкция по реализации:
http://forum.storela...post__p__214519

Добавьте пожалуйста номер аккаунта с указанной в вопросе дизайн темы в профиль форума.

#3 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 04 Июнь 2017 - 19:02

Просмотр сообщенияVaccina (03 Июнь 2017 - 07:33) писал:

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

Инструкция по реализации:
http://forum.storela...post__p__214519

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

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 06 Июнь 2017 - 11:21

Просмотр сообщенияogonek7777 (04 Июнь 2017 - 19:02) писал:

Вакцина, я прошу прощение, это реализация для темы Новогодняя? Я буду менять тему
Здравствуйте.
Инструкция из сообщения выше подойдёт для шаблона Новогодний.

Чтобы немного поправить оформление, после инструкции нужно будет заменить в main.js строку

// Цена товара
goodsPriceNow.html(modificationPriceNowFormated)

на
 // Цена товара
 goodsPriceNow.html(modificationPriceNowFormated).addClass('price');

Прикрепленные изображения

  • 06-06-2017 11-20-10.jpg

#5 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 07 Июнь 2017 - 18:25

Просмотр сообщенияMr.Nito (06 Июнь 2017 - 11:21) писал:

Здравствуйте.
Инструкция из сообщения выше подойдёт для шаблона Новогодний.

Чтобы немного поправить оформление, после инструкции нужно будет заменить в main.js строку

// Цена товара
goodsPriceNow.html(modificationPriceNowFormated)

на
// Цена товара
goodsPriceNow.html(modificationPriceNowFormated).addClass('price');
А разве в этой реализации к модификациям подставляются цены как на моем изображении?

#6 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 09 Июнь 2017 - 10:24

Просмотр сообщенияogonek7777 (07 Июнь 2017 - 18:25) писал:

А разве в этой реализации к модификациям подставляются цены как на моем изображении?
Для вывода стоимости каждой модификации в шаблоне Товар
Перед
<!-- Данные по модификациям для текущей товарной позиции -->
добавьте
<div class="priceBlock">
{% FOR goods_modifications %}
<div>- {goods_modifications.PRICE_NOW}р.</div>
{% ENDFOR %}
</div>

В main.css в самом конце добавьте:
/*Цена модификации*/
.goodsDataMainModificationsBlockProperty {margin-right:0!important;}
.priceBlock {float:left;padding-top:15px}
.priceBlock div { margin: 5px 0; font-weight:bold;}

Прикрепленные изображения

  • 09-06-2017 10-23-47.jpg

#7 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 16 Июнь 2017 - 15:53

Просмотр сообщенияVaccina (03 Июнь 2017 - 07:33) писал:

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

Инструкция по реализации:
http://forum.storela...post__p__214519

Добавьте пожалуйста номер аккаунта с указанной в вопросе дизайн темы в профиль форума.
К сожалению, данная реализация не подходит для темы Новогодний. Та большая портянка в моем коде выглядит по другому. Нельзя ли все таки прописать полностью реализацию под мой случай с учетом цен, как у меня на рисунке? Заранее благодарю.

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июнь 2017 - 08:54

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

В случае шаблона Новогодний необходимо в main.js найти:
// Функция собирает свойства в строку, для определения модификации товара
  function getSlugFromGoodsDataFormModificationsProperties(obj) {
	var properties = new Array();
	$(obj).each(function(i){
	  properties[i] = parseInt($(this).val());
	});
	return properties.sort(function(a,B){return a - b}).join('_');
  }
  
  var
	// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
	goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),
	// Запоминаем блоки с информацией по модификациям, для ускорения работы
	goodsDataModifications = $('div.goodsDataMainModificationsList');
   
  // Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
  function updateVisibility (y) {
	// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
	goodsDataProperties.each(function(j){
	  // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
	  if( j != y ) {
		// Проходим по всем значениям текущего свойства модификации товара
		$(this).find('option').each(function(){
		  // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
		  var checkProperties = new Array();
		  $(goodsDataProperties).each(function(i){
			checkProperties[i] = parseInt($(this).val());
		  });
		  // Пытаемся найти модификацию соответствующую выбранным значениям свойств
		  checkProperties[j] = parseInt($(this).attr('value'));
		  // Собираем хэш определяющий модификацию по свойствам
		  slug = checkProperties.sort(function(a,B){return a - b}).join('_');
		  // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
		  if(!goodsDataModifications.filter('[rel="'+slug+'"]').length) {
		   $(this).attr('disabled', true);
		  // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
		  } else {
			$(this).attr('disabled', false);
		  }
		});
	  }
	});
  }
  // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
  // Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
  updateVisibility (0);
  // Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
  updateVisibility (1);
  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(){
	$(this).change(function(){
	  var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
		modificationBlock			 = $('.goodsDataMainModificationsList[rel="'+slug+'"]'),
		modificationId				= parseInt(modificationBlock.find('[name="id"]').val()),
		modificationArtNumber		 = modificationBlock.find('[name="art_number"]').val(),
		modificationPriceNow		  = parseInt(modificationBlock.find('[name="price_now"]').val()),
		modificationPriceNowFormated  = modificationBlock.find('.price_now_formated').html(),
		modificationPriceOld		  = parseInt(modificationBlock.find('[name="price_old"]').val()),
		modificationPriceOldFormated  = modificationBlock.find('.price_old_formated').html(),
		modificationRestValue		 = parseFloat(modificationBlock.find('[name="rest_value"]').val()),
		modificationDescription	   = modificationBlock.find('.description').html(),
		modificationMeasureId		 = parseInt(modificationBlock.find('[name="measure_id"]').val()),
		modificationMeasureName	   = modificationBlock.find('[name="measure_name"]').val(),
		modificationMeasureDesc	   = modificationBlock.find('[name="measure_desc"]').val(),
		modificationMeasurePrecision  = modificationBlock.find('[name="measure_precision"]').val(),
		modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
		goodsModificationId		   = $('.goodsDataMainModificationId'),
		goodsPriceNow				 = $('.goodsDataMainModificationPriceNow'),
		goodsPriceOld				 = $('.goodsDataMainModificationPriceOld'),
		goodsAvailable				= $('.goodsDataMainModificationAvailable'),
		goodsAvailableTrue			= goodsAvailable.find('.available-true'),
		goodsAvailableFalse		   = goodsAvailable.find('.available-false'),
		goodsAvailableAddCart		 = $('.add-to-form .add-to-cart'),
		goodsAvailableQty			 = $('.add-to-form .wrap-qty'),
		goodsArtNumberBlock		   = $('.goodsDataMainModificationArtNumber'),
		goodsArtNumber				= goodsArtNumberBlock.find('span');
		goodsCompareAddButton		 = $('.goodsDataCompareButton.add');
		goodsCompareDeleteButton	  = $('.goodsDataCompareButton.delete');
		goodsModDescriptionBlock	  = $('.goodsDataMainModificationsDescriptionBlock');
	  
	  // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
	  if(modificationBlock.length) {
		// Цена товара
		goodsPriceNow.html('<span class="price">' + modificationPriceNowFormated + '</span>');
		// Старая цена товара
		if(modificationPriceOld>modificationPriceNow) {
		  goodsPriceOld.html('<span class="price">' + modificationPriceOldFormated + '</span>');
		} else {
		  goodsPriceOld.html('');
		}
		// Есть ли товар есть в наличии
		if(modificationRestValue>0) {
		  goodsAvailableTrue.show();
		  goodsAvailableFalse.hide();
		  goodsAvailableAddCart.show();
		  goodsAvailableQty.show();
		// Если товара нет в наличии
		} else {
		  goodsAvailableTrue.hide();
		  goodsAvailableFalse.show();
		  goodsAvailableAddCart.hide();
		  goodsAvailableQty.hide();
		}
		// Если товар есть в списке сравнения
		if(modificationIsHasInCompareList>0) {
		  goodsCompareAddButton.hide();
		  goodsCompareDeleteButton.show();
		// Если товара нет в списке сравнения
		} else {
		  goodsCompareAddButton.show();
		  goodsCompareDeleteButton.hide();
		}
		// Покажем артикул модификации товара, если он указан
		if(modificationArtNumber.length>0) {
		  goodsArtNumberBlock.show();
		  goodsArtNumber.html(modificationArtNumber);
		// Скроем артикул модификации товара, если он не указан
		} else {
		  goodsArtNumberBlock.hide();
		  goodsArtNumber.html('');
		}
		// Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
		if(modificationDescription.length > 0) {
		  goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
		} else {
		  goodsModDescriptionBlock.hide().html();
		}
		// Идентификатор товарной модификации
		goodsModificationId.val(modificationId);
	  } else {
		// Отправим запись об ошибке на сервер
		sendError('no modification by slug '+slug);
		alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	  }
	});
  });

заменить на:
// Функция собирает свойства в строку, для определения модификации товара
  function getSlugFromGoodsDataFormModificationsProperties(obj) {
								var properties = new Array();
								var reset_arr = new Array();
								$(obj).find('input[type="radio"]').each(function(i){
								  if($(this).is(':checked')){
																properties[i] = parseInt($(this).val());}
								});
								for(var i in properties) {
								 if(properties[i]) {
								  reset_arr.push(properties[i]);
								 }
								}
								return reset_arr.sort(function(a,B){return a - b}).join('_');
  }

  var
								// Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
								goodsDataProperties = $('.goodsDataMainModificationsBlock .goodsDataMainModificationsRadio'),
				 
								// Запоминаем блоки с информацией по модификациям, для ускорения работы
								goodsDataModifications = $('div.goodsDataMainModificationsList');

  // Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
  function updateVisibility (y) {
								// Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
								goodsDataProperties.each(function(j){
								  // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
								  if( j != y ) {
																// Проходим по всем значениям текущего свойства модификации товара
																$(this).find('input[type="radio"]').each(function(){
																  // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
																  //var checkProperties = new Array();
																  /*$(goodsDataProperties).each(function(i){
																								if($(this).is(':checked'))
																								  checkProperties[i] = parseInt($(this).val());
																  });*/
																  // Пытаемся найти модификацию соответствующую выбранным значениям свойств
																  //checkProperties[j] = parseInt($(this).attr('value'));
																  // Собираем хэш определяющий модификацию по свойствам
																  //slug = checkProperties.sort(function(a,B){return a - b}).join('_');
slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties);
																  // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
																  if(!goodsDataModifications.filter('[rel="'+slug+'"]').length) {
																   $(this).attr('disabled', 'disabled');
																  // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
																  } else {
																								$(this).removeAttr('disabled');
																  }
																});
								  }
								});
  }
  // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
  updateVisibility (0);
  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(y){
								$(this).find('input[type="radio"]').click(function(){
								  var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
																  modificationBlock																		= goodsDataModifications.filter('[rel="'+slug+'"]'),
																  modificationId																																= parseInt(modificationBlock.find('[name="id"]').val()),
																  modificationArtNumber			= modificationBlock.find('[name="art_number"]').val(),
																  modificationPriceNow							= parseFloat(modificationBlock.find('[name="price_now"]').val()),
																  modificationPriceNowFormated  = modificationBlock.find('.price_now_formated').html(),
																  modificationPriceOld							= parseFloat(modificationBlock.find('[name="price_old"]').val()),
																  modificationPriceOldFormated  = modificationBlock.find('.price_old_formated').html(),
																  modificationRestValue			= parseFloat(modificationBlock.find('[name="rest_value"]').val()),
																  modificationDescription								= modificationBlock.find('.description').html(),
																  modificationMeasureId			= parseInt(modificationBlock.find('[name="measure_id"]').val()),
																  modificationMeasureName								= modificationBlock.find('[name="measure_name"]').val(),
																  modificationMeasureDesc								= modificationBlock.find('[name="measure_desc"]').val(),
																  modificationMeasurePrecision  = modificationBlock.find('[name="measure_precision"]').val(),
																  modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
																  goodsModificationId									= $('.goodsDataMainModificationId'),
																  goodsPriceNow																			= $('.goodsDataMainModificationPriceNow'),
																  goodsPriceOld																			= $('.goodsDataMainModificationPriceOld'),
																  goodsAvailable																																= $('.goodsDataMainModificationAvailable'),
																  goodsAvailableTrue																	= goodsAvailable.find('.available-true'),
																  goodsAvailableFalse									= goodsAvailable.find('.available-false'),
																  goodsArtNumberBlock									= $('.goodsDataMainModificationArtNumber'),
																  goodsArtNumber																																= goodsArtNumberBlock.find('span');
																  goodsCompareAddButton			= $('.goodsDataCompareButton.add');
																  goodsCompareDeleteButton						= $('.goodsDataCompareButton.delete');
																  goodsModDescriptionBlock						= $('.goodsDataMainModificationsDescriptionBlock');
								
								
								   // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
								   if(modificationBlock.length) {
																 // Цена товара
																 goodsPriceNow.html(modificationPriceNowFormated);
																 // Старая цена товара
																 if(modificationPriceOld>modificationPriceNow) {
																  goodsPriceOld.html(modificationPriceOldFormated);
																 } else {
																   goodsPriceOld.html('');
																 }
														  
																 // Есть ли товар есть в наличии
																 if(modificationRestValue>0) {
																   goodsAvailableTrue.show();
																   goodsAvailableFalse.hide();
																 // Если товара нет в наличии
																 } else {
																   goodsAvailableTrue.hide();
																   goodsAvailableFalse.show();
																 }
																 // Если товар есть в списке сравнения
																 if(modificationIsHasInCompareList>0) {
																   goodsCompareAddButton.hide();
																   goodsCompareDeleteButton.show();
																 // Если товара нет в списке сравнения
																 } else {
																   goodsCompareAddButton.show();
																   goodsCompareDeleteButton.hide();
																 }
														  
																 // Покажем артикул модификации товара, если он указан
																 if(modificationArtNumber.length>0) {
																   goodsArtNumberBlock.show();
																   goodsArtNumber.html(modificationArtNumber);
																 // Скроем артикул модификации товара, если он не указан
																 } else {
																   goodsArtNumberBlock.hide();
																   goodsArtNumber.html('');
																 }
																 // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
																 if(modificationDescription.length > 0) {
																   goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
																 } else {
																   goodsModDescriptionBlock.hide().html();
																 }
														  
														  
																 // Идентификатор товарной модификации
																 goodsModificationId.val(modificationId);
																 window.location.hash = '?modification='+modificationId;
								   } else {
																 // Отправим запись об ошибке на сервер
																 sendError('no modification by slug '+slug);
																 alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
								   }
								
								   // Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
								   updateVisibility(y);
								});
  });

Выше вам уже дополнили инструкцию и указали желаемый вами результат в итоге изменений.

#9 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 18 Июнь 2017 - 18:24

Просмотр сообщенияMr.Nito (09 Июнь 2017 - 10:24) писал:

Для вывода стоимости каждой модификации в шаблоне Товар
Перед
<!-- Данные по модификациям для текущей товарной позиции -->
добавьте
<div class="priceBlock">
{% FOR goods_modifications %}
<div>- {goods_modifications.PRICE_NOW}р.</div>
{% ENDFOR %}
</div>

В main.css в самом конце добавьте:
/*Цена модификации*/
.goodsDataMainModificationsBlockProperty {margin-right:0!important;}
.priceBlock {float:left;padding-top:15px}
.priceBlock div { margin: 5px 0; font-weight:bold;}
1. Здравствуйте, спасибо, но в итоге получается не столбцами, а вот так:
2017-06-18_17-53-50.png
При этом цены в столбце расположены в хаотичном порядке.

2. Также обнаружила проблему. Когда нажимаешь галочки радио-кнопок, то в старой цене перестают учитываться стили.
12.jpg

3. Не уверенна, что связано ли с этими изменениями, но теперь мне выдает JS.ошибку
Также я убрала часть платежей, может быть эта ошибка связана с ними.
	 <!-- Платежные системы -->
	  <div id="payment_services">
		<a href="#" title="Перейти на страницу описания оплаты">
		  <span class="icon_1" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
		  <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro">&nbsp;</span>
		  <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
		  <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
		  <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
		  </a>
	  </div>
	</div>
  </div>

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Июнь 2017 - 08:42

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.priceBlock {float:left;padding-top:15px}

перед ним вставьте:
.goodsDataMainModificationsRadio {
	float: left;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
goodsPriceOld									   = $('.goodsDataMainModificationPriceOld'),

замените на:
goodsPriceOld									   = $('.goodsDataMainModificationPriceOld .price'),

3. Вместо:
<!-- Платежные системы -->
		  <div id="payment_services">
				<a href="#" title="Перейти на страницу описания оплаты">
				  <span class="icon_1" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				  <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro">&nbsp;</span>
				  <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				  <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				  <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				  </a>
		  </div>
		</div>
  </div>

необходимо удалить:
<!-- Платежные системы -->
		  <div id="payment_services">
				<a href="#" title="Перейти на страницу описания оплаты">
				  <span class="icon_1" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
				  <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro">&nbsp;</span>
				  <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
				  <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
				  <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
				  </a>
		  </div>

Чтобы не нарушить синтаксис.

#11 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 21 Июнь 2017 - 13:14

Спасибо!
1. Цены встали слева, но они все также не соответствую модификациям, как и раньше. Почему-то средний размер может быть по самой дорогой цене, к примеру.
2. Пока изменений не вижу, но чистка кэша в данной теме не срабатывает.
3. Я правильно поняла, что необходимо дописать два <div>?

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Июль 2017 - 08:08

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

Простите за ожидание.
1. Ответила вам на данный вопрос тут:
http://forum.storela...ям/#entry264618
2. На данный момент при переключении стилистика сохраняется, уточните пожалуйста вопрос актуален?
3. Все верно, достаточно заметить блоки по инструкции выше.

#13 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 15 Июль 2017 - 18:51

Добрый вечер. не меняет в товаре модификацию. показывает но выбрать не как не получается.
Нужно при выборе модификации в данном случае Аромат - менялся цвет и цена и характеристика разумеется. При выборе скажем цвета как же менялся аромат этому цвету сумма и т п.
Помогите сделать, и помогите рамку сделать шириной до конца линии что я на фото выделил красным.
Заранее спасибо

Прикрепленные изображения

  • товар.jpg

#14 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 16 Июль 2017 - 12:11

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

#15 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 17 Июль 2017 - 10:53

Просмотр сообщенияbscgroup (15 Июль 2017 - 18:51) писал:

Добрый вечер. не меняет в товаре модификацию. показывает но выбрать не как не получается.
Нужно при выборе модификации в данном случае Аромат - менялся цвет и цена и характеристика разумеется. При выборе скажем цвета как же менялся аромат этому цвету сумма и т п.
Помогите сделать, и помогите рамку сделать шириной до конца линии что я на фото выделил красным.
Заранее спасибо

Здравствуйте. Вам необходимо добавить все возможный варианты модификаций.
Допустим у Вас есть размеры 42, 44, 46 и цвета Черный и Белый.
В этом случае Вам надо создать 6 модификаций
1) Размер - 42, Цвет - Белый
2) Размер - 42, Цвет - Черный
3) Размер - 44, Цвет - Белый
4) Размер - 44, Цвет - Черный
5) Размер - 46, Цвет - Белый
6) Размер - 46, Цвет - Черный

Чтобы привязать фото к модификации Вам нужно в описание модификации добавить код:
<img src="#">

где вместо знака # подставьте ссылку на картинку, которая соответствует данной модификации. Дальше пришлите нам название товара, где Вы произвели изменения, мы Вам настроим на его примере

#16 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 17 Июль 2017 - 11:59

Спасибо. в следующем письме опишу.

#17 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 17 Июль 2017 - 12:07

Просмотр сообщенияMikDark (17 Июль 2017 - 10:53) писал:

Здравствуйте. Вам необходимо добавить все возможный варианты модификаций.
Допустим у Вас есть размеры 42, 44, 46 и цвета Черный и Белый.
В этом случае Вам надо создать 6 модификаций
1) Размер - 42, Цвет - Белый
2) Размер - 42, Цвет - Черный
3) Размер - 44, Цвет - Белый
4) Размер - 44, Цвет - Черный
5) Размер - 46, Цвет - Белый
6) Размер - 46, Цвет - Черный

Чтобы привязать фото к модификации Вам нужно в описание модификации добавить код:
<img src="#">

где вместо знака # подставьте ссылку на картинку, которая соответствует данной модификации. Дальше пришлите нам название товара, где Вы произвели изменения, мы Вам настроим на его примере
http://bscgroup.ru/g...1490#show_tab_2
И помогите рамку сделать ширеной меньше, а когда список раскрывался то мо ширине текста. Как на фото 1 как нужно ширину сделать, на фото 2 как рамка раскрывалась.(по ширине текста)

Прикрепленные изображения

  • 1.JPG
  • 2.JPG

#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Июль 2017 - 08:40

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {display: block;padding: 5px;border: 1px solid #eacd8e;}

замените на:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {display: block;padding: 5px;border: 1px solid #eacd8e;width: 100%;overflow: hidden;}

#19 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 19 Июль 2017 - 09:10

Просмотр сообщенияVaccina (19 Июль 2017 - 08:40) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {display: block;padding: 5px;border: 1px solid #eacd8e;}

замените на:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {display: block;padding: 5px;border: 1px solid #eacd8e;width: 100%;overflow: hidden;}
Спасибо большое

#20 bscgroup

bscgroup

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 21 Июль 2017 - 09:20

Добрый день. При попытке выбрать модификацию товара на страничке http://bscgroup.ru/g...0919#show_tab_2 да и везде. показывает ошибку: на фото

Прикрепленные изображения

  • Ошибка.JPG

Обратно в Страница товара


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Новогодний
  5. → Страница товара
  6. Privacy Policy