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


Мелкие Доработки

Автор Mari-ina, 03 дек. 2015 11:57

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

#41 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 29 Июнь 2016 - 15:10

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

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

  • 106.png

#42 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 29 Июнь 2016 - 15:19

Просмотр сообщенияMari-ina (29 Июнь 2016 - 15:10) писал:

С браузером разобрались. Подскажите как выровнять цену и кнопку В корзину из-за разной длины названий товаров
Здравствуйте.
В main.css найдите код 
.product-grid .item .item-inner .item-info .item-title {
	margin: 0 auto 5px;
	position: relative;
	max-width: 260px;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
}
и замените на 

.product-grid .item .item-inner .item-info .item-title {
	margin: 0 auto 5px;
	position: relative;
	max-width: 260px;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	height: 45px;
}

#43 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 29 Июнь 2016 - 21:05

Спасибо. Помогите реализовать следующее: раскрыть список модификаций, сделать выбор точками. В описание каждой модификации я вставила картинку цвета, ее бы поднять напротив названия модификации. Артикул товара для примера на скрине

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

  • 109.png

#44 Vaccina

Vaccina

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

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

Отправлено 30 Июнь 2016 - 02:17

В шаблоне Товар найдите:
{% FOR goods_modifications_properties %}
		  <div class="goodsDataMainModificationsBlockProperty">
			<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
			{% FOR values %}
			  <!-- Если это первый элемент в списке -->
			  {% IF goods_modifications_properties.values.first %}
				<strong>{goods_modifications_properties.NAME}:</strong>
				<select name="form[properties][]" class="selectBox product-custom-option selectBox-dropdown">
			  {% ENDIF %}
				  <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
				<!-- Если это последний элемент в списке -->
				{% IF goods_modifications_properties.values.last %}
				</select>
				{% ENDIF %}
			{% ENDFOR %}
		  </div>				 
		  {goods_modifications_properties.index | is_divided("2","","")}
		{% ENDFOR %}

замените на:
{% FOR goods_modifications_properties %}
																																																								<td class="goodsDataMainModificationsBlockProperty">
																																																								  <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
																																																								  {% FOR values %}
																																																																  <!-- Если это первый элемент в списке -->
																																																																  {% IF goods_modifications_properties.values.first %}
																																																																								<span class="goodsDataMainModificationsRadio">
																																																																								<strong>{goods_modifications_properties.NAME}:</strong><br />
																																																																  {% ENDIF %}
																																																																   <input type="radio" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> {goods_modifications_properties.values.NAME} <br />
																																																																   {% IF goods_modifications_properties.values.last %}
																																																																								</span>
																																																																  {% ENDIF %}
																																																								  {% ENDFOR %}
																																																								</td>
																																																								{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
																																																  {% ENDFOR %}

В 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);
 
  //var goodsDataProperties = $('.goodsDataForm [name="form[properties][]"]');
 
  // Изменение цены товара при изменении у товара свойства для модификации
  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-box'),
		  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>' + modificationPriceOldFormated + '</span>');
		 } else {
		   goodsPriceOld.html('');
		 }
		
		 // Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   goodsAvailableTrue.show();
		   goodsAvailableFalse.hide();
		   goodsAvailableAddCart.show();
		 // Если товара нет в наличии
		 } else {
		   goodsAvailableTrue.hide();
		   goodsAvailableFalse.show();
		   goodsAvailableAddCart.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);
								});
  });

#45 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 04 Июль 2016 - 15:37

Спасибо, модификации раскрылись как надо. А как теперь картинку поднять к нужно модификации и разместить рядом?

#46 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 04 Июль 2016 - 16:29

Просмотр сообщенияMari-ina (04 Июль 2016 - 15:37) писал:

Спасибо, модификации раскрылись как надо. А как теперь картинку поднять к нужно модификации и разместить рядом?

Здравствуйте.
Уточните, пожалуйста, разместить картинку модификации необходимо справа от надписи или как-то иначе.
Желательно отметить это на скриншоте.

#47 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 04 Июль 2016 - 18:54

Вот так

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

  • 109.png

#48 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 05 Июль 2016 - 14:02

ап

#49 SeaSnake

SeaSnake

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 05 Июль 2016 - 14:32

Добрый день!
Нужно сделать пару доработок:
Скрин №1
1. Переместить "Войти в ЛК".
2. Добавить номер телефона.

Скрин №2
1. Убрать значок ютуба. Сделано.
2. "Обратный звонок" переименовать в "Обратная связь" и в поле где нужно указывать телефон изменить на почтовый адрес.

Скрин №3
При выборе категории убрать показ картинок под категорий.

Скрин №4
1. Подскажите где можно изменить размер шрифта в названии товара?
2. Изменить показ свойств чтобы показывались вертикально.
3. Убрать возможность выбора свойств.
4. При добавлении или удалении количества товара с помощью "+" и "-" на каждое 3 нажатие происходит выделение, можно ли это убрать?

Спасибо.

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

  • Шапка.jpg
  • Подвал.jpg
  • Категории.jpg
  • Товар свойства.jpg

#50 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

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

К вопросу из поста добавился один недочет: если несколько раз поменять модификацию, то у цены пропадает цвет. И еще полностью не входит название товара в блоке Вы смотрели

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

  • 113.png
  • 112.png

#51 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 06 Июль 2016 - 10:38

Еще один недочет, если не поменять модификацию, а сразу нажать Быстрый заказ, то оформляется первая модификация по умолчанию, даже если галочка стоит на второй

#52 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Просмотр сообщенияMari-ina (05 Июль 2016 - 15:18) писал:

К вопросу из поста добавился один недочет: если несколько раз поменять модификацию, то у цены пропадает цвет. И еще полностью не входит название товара в блоке Вы смотрели
Здравствуйте, найдите в файле main.css

.price {
	font-weight: bold;
	color: #3EBC54;
	white-space: nowrap;
}


замените на

.special-price.goodsDataMainModificationPriceNow span, .price {
	font-weight: bold;
	color: #3EBC54;
	white-space: nowrap;
}

найдите в шаблоне Товар код
<input type="radio" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> {goods_modifications_properties.values.NAME} <br />
	   {% IF goods_modifications_properties.values.last %}
	  </span>
{% ENDIF %}
								{% ENDFOR %}
			 </td>
										 {goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
					 {% ENDFOR %}
после вставьте
<span id="modifications_desk">{%FOR goods_modifications%} 
					<span class="modifications_desk"> {goods_modifications.DESCRIPTION}</span>
					{% ENDFOR %}</span>
далее найдите в шаблоне Товар код
<div class="short-description">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	  </div>
замените на
<div class="short-description" style="display:none">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	  </div>
в конец файла main.css добавьте
.goodsDataMainModificationsRadio input {
	margin: 20px 0;
}
.goodsDataMainModificationsRadio {
	display: inline-block;
}
#modifications_desk {
	display: inline-block;
	width: 100px;
}

далее найдите в файле
.viewed .block-content .item .product-name {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
замените на
.viewed .block-content .item .product-name {
	font-size: 18px;
	overflow: hidden;
		text-overflow: ellipsis;
}

Просмотр сообщенияMari-ina (06 Июль 2016 - 10:38) писал:

Еще один недочет, если не поменять модификацию, а сразу нажать Быстрый заказ, то оформляется первая модификация по умолчанию, даже если галочка стоит на второй
Протестировали функционал добавления в корзину через кнопку "быстрый заказ", добавляется именно так, модификация, которая была выбрана.

#53 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Июль 2016 - 12:19

Просмотр сообщенияSeaSnake (05 Июль 2016 - 14:32) писал:

Добрый день!
Нужно сделать пару доработок:
Скрин №1
1. Переместить "Войти в ЛК".
2. Добавить номер телефона.

Скрин №2
1. Убрать значок ютуба. Сделано.
2. "Обратный звонок" переименовать в "Обратная связь" и в поле где нужно указывать телефон изменить на почтовый адрес.

Скрин №3
При выборе категории убрать показ картинок под категорий.

Скрин №4
1. Подскажите где можно изменить размер шрифта в названии товара?
2. Изменить показ свойств чтобы показывались вертикально.
3. Убрать возможность выбора свойств.
4. При добавлении или удалении количества товара с помощью "+" и "-" на каждое 3 нажатие происходит выделение, можно ли это убрать?

Спасибо.
Здравствуйте,
1. У Вас на сайте есть специальный значок, при наведение на который отображается выпадающее меню "Войти, Регистрация", уточните Вы хотите его убрать и вместо него поставить пункт меню или просто перенести пункт в указанную область?
Можно изменить данный значок на надпись "Войти в ЛК".
Для этого найдите в шаблоне hTML
<div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>
замените на
<div class="tongle" title="Меню пользователя">Войти в ЛК</div>

Что бы добавить номер телефона, найдите в шаблоне hTML
</div>
		  <div class="header-col-right right">

после вставьте
<span class="header_contackt" ><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>

в конец файла main.css добавьте
.header_contackt {
	float: left;
	margin: 0 9px;
}


2.Поле телефон является обязательным параметром для заполнения в данной форме, но можно добавить в форму поле для email
Найдите в шаблоне HTML
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 column">
			  <h5>Обратный звонок</h5>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				<div class="input-box">
				  <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				</div>
				<div class="input-box">
				  <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				</div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit button">Отправить</button>{% ENDIF %}
			  </form>

замените на
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 column">
			  <h5>Обратный связь</h5>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				<div class="input-box">
				  <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				</div>
				<div class="input-box">
				  <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				</div>
				<div class="input-box">
				   <input id="callback_email" type="text" name="[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_EMAIL]" value="{FORM_CALLBACK_EMAIL}" placeholder="Введите Ваш e-mail" maxlength="255" class="inputText required" autocomplete="off"/>
		  </div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit button">Отправить</button>{% ENDIF %}
			  </form>

3. Найдите в шаблоне Товары код
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  <div class="categories {% IF index_page %}index{% ENDIF %}">
	{% FOR nested_categories_list %}
	  <div class="item {% IFNOT index_page %}col-sm-4 col-sms-6 col-smb-12{% ENDIF %}">
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
		  <i class="fa fa-eye"></i>
		  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=dark{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		</a>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
	  </div>
	{% ENDFOR %}
  </div>
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}

замените на
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->

<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}

#54 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

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

Ошибка

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

  • 114.png

#55 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Июль 2016 - 13:59

Просмотр сообщенияMari-ina (06 Июль 2016 - 12:21) писал:

Ошибка
Инструкция была выполнена некорректно, Вам внесли изменения на сайт.

#56 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 06 Июль 2016 - 14:08

Спасибо. Как поднять картинку к модификации и зафиксировать справа

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

  • 109.png

#57 SeaSnake

SeaSnake

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 06 Июль 2016 - 14:23

Здравствуйте Ирина.
С входом в лк все как надо спасибо.
После добавления номера панелька спустилась вниз.
Номер поставьте перед поиском и сделайте чтобы он был не кликабельным.
По под категориям ничего не изменилось.

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

  • Безымянный.jpg

#58 Mari-ina

Mari-ina

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

  • Пользователи
  • PipPipPipPip
  • 646 сообщений

Отправлено 06 Июль 2016 - 14:38

И еще при смене модификации значок рубля меняется на слово "рублей"

#59 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Июль 2016 - 15:42

Просмотр сообщенияMari-ina (06 Июль 2016 - 14:38) писал:

И еще при смене модификации значок рубля меняется на слово "рублей"
Вам внесли коррективы в отображение цены и модификации. Если необходимо изменить отображения описания модификации, то более детально укажите, что именно необходимо изменить, а так же товар у которого есть в описание модификации изображение.

#60 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Июль 2016 - 17:16

Просмотр сообщенияSeaSnake (06 Июль 2016 - 14:23) писал:

Здравствуйте Ирина.
С входом в лк все как надо спасибо.
После добавления номера панелька спустилась вниз.
Номер поставьте перед поиском и сделайте чтобы он был не кликабельным.
По под категориям ничего не изменилось.
Найдите в файле main.css
#header-top .header-col-left {
	width: 60%;
}
замените на
#header-top .header-col-left {
	width: 55%;
}

далее найдите в шаблоне HTML
<!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
				<button type="submit" title="Искать" class="button search-submit fa"></button>
			  </div>
			</form>
			<div class="header-tools">
			<span class="header_contackt" ><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>

замените на
   <div class="header-tools">
			<span class="header_contackt" ><em class="fa fa-phone">&nbsp;</em><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>
		  <!-- Поиск -->
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину">
			  <div class="form-search">
				<input id="search" type="text" name="q" value="" class="input-text search-string" placeholder="Поиск по магазину...">
				<button type="submit" title="Искать" class="button search-submit fa"></button>
			  </div>
			</form>

далее найдите в шаблоне Товары код
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}
 
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  {% IF goods_empty=0 %}
	<div class="categories">
	  {% FOR nested_categories_list %}
		<div class="item col-sm-4 col-sms-6 col-smb-12">
		  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
			<i class="fa fa-eye"></i>
			<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=dark{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		  </a>
		  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
		</div>
	  {% ENDFOR %}
	</div>
  {% ENDIF %}
   
  <!-- Если нет товаров, выводим сообщение пользователю -->
  {% IF goods_empty %}
замените на
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}
 
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  {% IF goods_empty=0 %}
  
  {% ENDIF %}
   
  <!-- Если нет товаров, выводим сообщение пользователю -->
  {% IF goods_empty %}

Обратно в Изменение общей стилистики


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

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

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