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

  2. → Просмотр профиля: "Лайки": cselon

cselon

Регистрация: 16 марта 2018
Offline Активность: 06 июля 2019 19:41
-----

#274818 Изменение Выбора Размеров И Цвета

Отправлено Vaccina на 07 Апрель 2018 - 02:19

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Увеличение изображения в карточке товара при наведении
$(document).ready(function(){
  if(getClientWidth() > 992){
	$(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
  }
});

замените на:
// Увеличение изображения в карточке товара при наведении
$(document).ready(function(){
	$(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
});

далее найдите:
																  goodsPriceNow																			= $('.goodsDataMainModificationPriceNow'),
																  goodsPriceOld																			= $('.goodsDataMainModificationPriceOld'),

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



#274819 Проблемы С Прокруткой

Отправлено Vaccina на 07 Апрель 2018 - 02:31

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Функция фиксации шапки
jQuery(document).ready(function($){
if(getClientWidth() > 750){
if($('.header-middle')){
		 $('.header-middle').stick_in_parent({
		 sticky_class: 'keep-menu'
		 });
}
}

if(getClientWidth() < 480){
if($('.header-middle')){
		 $('.header-middle ').stick_in_parent({
		 sticky_class: 'keep-menu'
		 });
}
}
});

замените на:
// Функция фиксации шапки
$(document).ready(function(){
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('.header-middle').addClass('keep-menu');
			} else {
				$('.header-middle').removeClass('keep-menu');
			}
		});
	});
});



#274820 Div Перекрыл Логотип

Отправлено Vaccina на 07 Апрель 2018 - 02:32

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

По проблеме со скроллом ответила вам тут:
https://forum.storel...ой/#entry274819


#274821 В Шапке Оформить Sale

Отправлено Vaccina на 07 Апрель 2018 - 02:51

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="canvas-title">
										<i class="fa fa-bars"></i>
										<span class="title">Каталог</span>
										<i class="fa fa-times"></i>
								  </div>
								  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
								  {% IFNOT catalog_full_empty %}
										{% FOR catalog_full %}
										  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{%IF catalog_full.NAME=SALE%}sale {%ENDIF%}level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
												  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
										  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										{% ENDFOR %}
								  {% ENDIF %}

замените на:
<div class="canvas-title">
										<i class="fa fa-bars"></i>
										<span class="title">Каталог</span>
										<i class="fa fa-times"></i>
								  </div>
								  <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
								  {% IFNOT catalog_full_empty %}
										{% FOR catalog_full %}
										  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{%IF catalog_full.NAME=SALE%}sale {%ENDIF%}level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
												  <a href="{catalog_full.URL}" class="{%IF catalog_full.NAME=SALE %}sale {% ENDIF %} title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
										  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										{% ENDFOR %}
								  {% ENDIF %}
                                  
далее зайдите в main.css - найдите:
.block-menu-content li a.sale {background:#cc66ff;color:#fff;}

замените на:
.block-menu-content li a.sale, #mommenu #menu_offcanvas .mainnav li a.sale {background:#cc66ff;color:#fff;}



#274796 Div Перекрыл Логотип

Отправлено Vaccina на 06 Апрель 2018 - 08:45

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="col-left col-sm-2 col-xs-9">
			  <div class="logo">
				<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-10 col-xs-3">
          
замените на:
<div class="col-left col-sm-3 col-xs-9">
			  <div class="logo">
				<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>
			<div class="col-right col-sm-9 col-xs-3">
          
          
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu {	padding-top: 20px; padding-left: 75px;}
.logo {
  transform: scale(1.6);
  padding-top: 12px;
  padding-left: 23px;
 
}

замените на:
#custommenu {padding-top: 20px;}



#274777 В Шапке Оформить Sale

Отправлено metry на 05 Апрель 2018 - 20:27

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu ul.mainnav li.sale.level0 > a {
		color: #fff;
		margin-left: 0px;
		transform: skew(-20deg);
		background: #cc66ff;
}

замените на:

#custommenu ul.mainnav li.sale.level0 > a {
		color: #fff;
		margin-left: 0px;
		background: #cc66ff;
}

далее зайдите в Редактор шаблонов-->HTML и найдите:

						  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>

замените на:

<a href="{catalog_full.URL}" class=" {%IF catalog_full.NAME=SALE %}sale {% ENDIF %} {% IF catalog_full.CURRENT %} active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.block-menu-content li a.sale {background:#cc66ff;color:#fff;}



#274717 Изменение Выбора Размеров И Цвета

Отправлено Ирина345 на 03 Апрель 2018 - 17:49

Просмотр сообщенияcselon (03 Апрель 2018 - 13:00) писал:

Спасибо! Заменил, но теперь показывает 17 ошибок js на сайте и после футора много пустого места стало. При нажатии на кнопки выбор цвета, размера увеличивается количество ошибок js. Когда переходишь на сайт с мобильного устройства в товар,  при нажатии и увеличении на картинки появляется ошибка js.
Инструкция была выполнена не совсем корректно, поэтому возникала ошибка, был удален <div>Сейчас Вам внесли правки и все работает корректно.


#274692 Изменение Выбора Размеров И Цвета

Отправлено Ирина345 на 03 Апрель 2018 - 12:44

Просмотр сообщенияcselon (02 Апрель 2018 - 13:36) писал:

Помогите плиз, а то в товаре не работает в корзину и быстрый заказ!!!
Здравствуйте, найдите в шаблоне Товар код
  <!-- Модификации -->
	  <div class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
	   
		 {% 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" id="{goods_modifications_properties.values.ID}" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> <label for="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</label>
{% IF goods_modifications_properties.values.last %}
</span>
{% ENDIF %}
{% ENDFOR %}
</td>
{goods_modifications_properties.index | is_divided("2","</tr><tr>","")}

		  </div>				 
		  {goods_modifications_properties.index | is_divided("2","","")}
		  
		{% ENDFOR %}
	
		<!-- Данные по модификациям для текущей товарной позиции -->
		{% FOR goods_modifications %}
замените на

  <!-- Модификации -->
	   <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
	  {% FOR goods_modifications_properties %}
		  <div class="goodsDataMainModificationsBlockProperty">
			<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
			{% FOR values %}
			 <!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<span>{goods_modifications_properties.NAME}:</span>
{% ENDIF %}
<input type="radio" name="form[properties][{goods_modifications_properties.ID}]" id="filterAttrVal{goods_modifications_properties.values.ID}"  value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> 
<label for="filterAttrVal{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME} </label>
		{% ENDFOR %}
		  </div>				 
	   
		{% ENDFOR %}
	
		<!-- Данные по модификациям для текущей товарной позиции -->
		{% FOR goods_modifications %}

далее найдите в файле main.js код
// Функция собирает свойства в строку, для определения модификации товара
  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),
замените на
  // Функция собирает свойства в строку, для определения модификации товара
  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'),
	   
		// Запоминаем блоки с информацией по модификациям, для ускорения работы
		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);

  //var goodsDataProperties = $('.goodsDataForm [name="form[properties][]"]');

  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(){
		$(this).click(function(){
								  var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),

в файле main.css найдите код
.goodsDataMainModificationsBlockProperty input + label {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
height: 45px;
line-height: 45px;
margin: 4px;
text-align: center;
width: 85px;
}

замените на

product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty {
	float: none;
}
.goodsDataMainModificationsBlockProperty input + label {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
	height: 40px;
	line-height: 34px;
	padding: 2px 4px;
margin: 4px;
text-align: center;
}



#274588 Проблемы С Прокруткой

Отправлено RayLi на 31 Март 2018 - 16:23

Просмотр сообщенияcselon (31 Март 2018 - 14:08) писал:

Помогите с вопросом не могу запуститься из-за этого! Скролл опускает вниз страницу при уменьшении окна и при увеличении масштаба на всех страницах.

Здравствуйте.
К сожалению подобной проблемы, на данный момент, на Вашем сайте обнаружить не удалось.
Просьба сообщить, на каком именно разрешение экрана повторяется указанная ошибка с прокруткой?


#274594 Проблемы С Прокруткой

Отправлено RayLi на 31 Март 2018 - 17:06

Просмотр сообщенияcselon (31 Март 2018 - 16:31) писал:

Сожмите окно до примерно таких размеров и прокрутите страницу вниз...и она ближе к середине страницы начинает сама вниз опускаться. Разрешение стоит 1360*768.  Также можно ничего не сжимать, а наоборот зажать Ctrl и увеличить масштаб страницы до 130% и выше и опустить страницу вниз.

Да, видим теперь данную ошибку и чтобы её исправить, Вам необходимо в шаблоне main.css найти следующий код:

.header-middle.keep-menu {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
	height: 80px;
	padding: 0;
	z-index: 100;
	position: fixed !important;
	top: 0 !important;
}

И заменить его вот этим кодом:

.header-middle.keep-menu {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
	height: 100px;
	padding: 0;
	z-index: 100;
	position: fixed !important;
	top: 0 !important;
}


Далее там же найдите, пожалуйста, данный код:

#custommenu ul.mainnav li.level0 {
	display: inline-block;
	float: left;
	border: none;
	height: 38px;
	line-height: 20px;
}

И замените его этим кодом:

#custommenu ul.mainnav li.level0 {
	display: inline-block;
	float: left;
	border: none;
	height: 35px;
	line-height: 20px;
}



#274596 Проблемы С Прокруткой

Отправлено RayLi на 31 Март 2018 - 18:09

Просмотр сообщенияcselon (31 Март 2018 - 17:15) писал:

Ничего не изменилось. Проблема та же.

К сожалению у Вас не произведены изменения со вторым кодом.
Просьба произвести их и проверить полученные изменения.


#274568 Мобильная Версия

Отправлено RayLi на 31 Март 2018 - 09:51

Просмотр сообщенияcselon (28 Март 2018 - 22:44) писал:

При переходе с моб устройства на сайт, главная страница гуляет немного вправо и влево (на картинке 1) скорее всего из-за слайдера. Можно сделать, чтобы главная страница была зафиксирована и не гуляла по сторонам как на картинке 2?

Здравствуйте.
Попробуйте, пожалуйста, на Вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

@media all and (max-width: 481px) {

.col-smb-12 {width: 100%;}
.block-cart {margin-right: 3px;}

И замените его вот этим вот кодом:

@media all and (max-width: 481px) {

.col-smb-12 {width: 100%;}
#slider {width: 100% !important;}
.block-cart {margin-right: 3px;}



#274579 Мобильная Версия

Отправлено RayLi на 31 Март 2018 - 12:16

Просмотр сообщенияcselon (31 Март 2018 - 12:08) писал:

Не помогло! Растянуло слайдер по всему экрану!

Теперь, слайдер на Вашем сайте установлен ровно по центру при просмотре с мобильной версии.
Пример прикреплён ниже в виде скриншота.
Если же у Вас отображение как-то отличается, то тогда просьба прислать нам его скриншот с описанием на каком именно устройстве и браузере происходит данная проблема.

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

  • 31-03-2018 12-14-29.png



#274582 Мобильная Версия

Отправлено RayLi на 31 Март 2018 - 13:24

Просмотр сообщенияcselon (31 Март 2018 - 12:36) писал:

Скрин. Слайдер растянут сильно.

Тогда попробуйте, пожалуйста, на Вашем сайте так же произвести данные изменения:
В шаблоне main.css найдите, пожалуйста, следующий код:

@media all and (max-width: 481px) {

.col-smb-12 {width: 100%;}
#slider {width: 100% !important;}
.block-cart {margin-right: 3px;}

И замените его вот этим кодом:

@media all and (max-width: 481px) {

.col-smb-12 {width: 100%;}
#slider {width: 345px !important;}
.block-cart {margin-right: 3px;}



#274589 Мобильная Версия

Отправлено RayLi на 31 Март 2018 - 16:30

Просмотр сообщенияcselon (31 Март 2018 - 13:38) писал:

Не помогло. Также осталось

В таком случае так же попробуйте, пожалуйста, в шаблоне main.css найти следующий код:

#slideshow {
top: 0px;
position: relative;
}

И заменить его вот этим вот кодом:

#slideshow {
top: 0px;
position: relative;
margin: 0 -15px !important;
}





  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": cselon
  3. Privacy Policy