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


Публикации Сake

1000 публикаций создано Сake (учитываются публикации только с 25-Май 23)


По типу контента

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


Сортировать                 Порядок  

#148204 Помогите С Интергарацией Сервиса Retailrocket

Отправлено от Сake в 16 Июль 2014 - 23:47 в Инструкция по использованию (документация)

На данный момент используемый вами код

<script type="text/javascript">
		 function rrAsyncInit() {
						 try{ rrApi.view({GOODS_MOD_ID}); } catch(e) {}
		 }
</script>

на странице товара /goods/Umarex-Ruger-Air-Hawk преобразуется в код

<script type="text/javascript">
		 function rrAsyncInit() {
						 try{ rrApi.view(36446344); } catch(e) {}
		 }
</script>

что соответствует присланной вами информации

Цитата

Виталий, добрый день.
Например, в карточке товара http://jackgun.ru/go...-Ruger-Air-Hawk вызывается код виджета:
<div class="rr-widget"
data-rr-widget-product-id="13127763"
data-rr-widget-id="53a82c9a1e994424a0765e17"
data-rr-widget-width="100%"></div>
Но в YML файле этот товар имеет id = 36446344, т.е. нет соответствия между идентификаторами товаров в коде на сайте и YML.

Попробуйте повторить процедуру проверки. Возможно проблема в чем-то другом?


#147811 Помогите С Интергарацией Сервиса Retailrocket

Отправлено от Сake в 15 Июль 2014 - 00:54 в Инструкция по использованию (документация)

Попробуйте использовать следующий код для шаблона "Товар"

<script type="text/javascript">
	 function rrAsyncInit() {
			 try{ rrApi.view({GOODS_MOD_ID}); } catch(e) {}
	 }
</script>

в замен предыдущего кода.


#146259 Помогите С Интергарацией Сервиса Retailrocket

Отправлено от Сake в 05 Июль 2014 - 00:42 в Инструкция по использованию (документация)

Давайте попробуем реализовать такую функцию (по умолчанию в main.js не используется функция добавления товара). Укажите Retailrocket в качестве функции

addToCart(itemId)

После этого приведите пример отображения (использования) данного виджета. Необходимо определить передачу дополнительных данных, так как для добавления товара в корзину не достаточно передать его идентификатор. Необходимо передавать 3 параметра, например

<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />


#112407 Помогите С Измениением

Отправлено от Сake в 25 Декабрь 2013 - 03:12 в Главная

Пожалуйста, сообщите номер вашего аккаунта.


#148005 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от Сake в 16 Июль 2014 - 00:17 в Изменение общей стилистики

Для этого вам понадобится удалить все @media селекторы из вашего файла стилей style.css
Найдите и удалите в вашем файле стилей следующие соответствия

Скрытый текст

ищите и удаляйте каждый @media блок по отдельности.


#138217 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от Сake в 14 Май 2014 - 02:28 в Изменение общей стилистики

Вам ответили в теме форума http://forum.storela...ии/#entry138213


#139568 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от Сake в 21 Май 2014 - 15:55 в Изменение общей стилистики

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


#140315 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от Сake в 27 Май 2014 - 05:08 в Изменение общей стилистики

Контактный номер телефона вы можете разместить в шаблоне "HTML" после строки

<div style="
	 float: left; border-bottom: 3px solid #542724; display: block; width: 100%; text-transform: uppercase;
	 min-height: 25px; font-weight: 400;font-size: 12px;font-weight: 600;color: #542724;
	 padding: 17px 0px 8px 0px;
	 position: relative;
	 z-index: 100;
	 ">

получиться код

<div style="
	 float: left; border-bottom: 3px solid #542724; display: block; width: 100%; text-transform: uppercase;
	 min-height: 25px; font-weight: 400;font-size: 12px;font-weight: 600;color: #542724;
	 padding: 17px 0px 8px 0px;
	 position: relative;
	 z-index: 100;
	 ">
<img src="{ASSETS_IMAGES_PATH}tele.png" height="22" width="22" title="Наш телефон"></span> +7 (812) 454-2217

Изменить заголовок вы можете путем изменения кода в шаблоне "HTML"

<p><img src="{ASSETS_IMAGES_PATH}fire.png" height="17" width="17">
			 Еженедельная обжарка и доставка</p> <p>свежего кофе!</p>

Корзина у вас имеет раскрывающийся вид, под самой корзиной блок контактов (время работы, ЛК). Пожалуйста, уточните расположение данной информации.

screenshot-seaworldcoffee ru 2014-05-27 09-07-21.png


#141761 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от Сake в 04 Июнь 2014 - 08:57 в Изменение общей стилистики

Найдите в вашем файле стилей style.css следующий код

.accordion a, .accordion_main a {
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px 6px 0;
  text-decoration: none;
  text-transform: uppercase;
}

и замените на

.accordion a, .accordion_main a {
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px;
  text-decoration: none;
  text-transform: uppercase;
}

далее в самый конец файла стилей добавьте

.accordion li {
  box-shadow: none !important;
}


#130030 Помогите С Дизайном

Отправлено от Сake в 29 Март 2014 - 02:13 в Изменение общей стилистики

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


#122929 Помогите С Вопросами По Шаблону

Отправлено от Сake в 21 Февраль 2014 - 00:14 в Шаблон Мокко

Найдите в вашем файле стилей main.css следующий класс

.goodsListItemName {
  line-height: 1.2em;
  margin: 0;
  max-height: 3.6em;
  overflow: hidden;
  padding: 0 2px;
}

и замените его на

.goodsListItemName {
  height: 8.6em;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  padding: 0 2px;
}

далее найдите

.goodsListItemBlock {
  height: 200px;
  margin: 5px;
  overflow: hidden;
}

и замените на

.goodsListItemBlock {
  height: 240px;
  margin: 5px;
  overflow: hidden;
}


#128168 Помогите С Nivo-Slider,Как Разместить На Гланую И Настроить Тему?

Отправлено от Сake в 20 Март 2014 - 01:16 в Изменение общей стилистики

Вам необходимо добавить в файл стилей main.css следующий код

.nivoSlider img {
  max-width: inherit;
}


#124971 Помогите С A/B Тестом

Отправлено от Сake в 04 Март 2014 - 23:30 в A/b тестирование

Пожалуйста, опишите вашу проблему более детально. Где именно вы получаете данное сообщение? В разделе Сайт -> A/B тестирование? Судя по проблеме вам необходимо разместить корректный код интеграции  A/B тестирования согласно приведенной вам инструкции.


#134416 Помогите Разобраться

Отправлено от Сake в 19 Апрель 2014 - 04:04 в Другое

Найдите и удалите в вашем шаблоне "HTML" следующий код

<tr>
	 <td colspan="8"><img alt="" src="http://st.nioxinshop.ru/8/1050/215/top.png" style="width: 951px; height: 27px; margin-top: 3px;" /></td>
	 </tr>

далее найдите ссылки меню для которых нет вложенных элементов (только один уровень), например

<a href="http://academie-shop.ru/page/dostavka" title="" style="padding-left: 35px; padding-top: 17px;">ТЕЛО</a>

и добавьте данной ссылке класс .notsub, должно получиться так

<a class="notsub" href="http://academie-shop.ru/page/dostavka" title="" style="padding-left: 35px; padding-top: 17px;">ТЕЛО</a>

далее в файл стилей main.css добавьте следующие стили

#nav > li > a {
  height: 37px;
  position: relative;
}
#nav > li:not(:first-child) a:not(.notsub):before {
  border-bottom: 15px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 40px;
  content: " ";
  display: none;
  height: 0;
  left: 50%;
  margin-left: 10px;
  position: absolute;
  right: 50%;
  width: 0;
  z-index: 2;
}
#nav > li:not(:first-child) a:hover:not(.notsub):before,
#nav > li:not(:first-child).active a:not(.notsub):before {
  display: block !important;
}

далее в файл main.js добавьте код

$('#nav > li').hover(function() {
	 $(this).addClass('active');
}, function() {
	 $(this).removeClass('active');
});


#134992 Помогите Разобраться

Отправлено от Сake в 23 Апрель 2014 - 02:09 в Другое

По какой-то причине перепутал интернет магазин и реализацию делал для "nioxinshop". В любом случае реализация аналогичная. Вам необходимо в файле стилей main.css найти строку

#nav > li:not(:first-child) a:not(.notsub):before

и заменить её на

#nav > li:not(:first-child) > a:not(.notsub):before

Далее в файле main.js найдите код

$('#nav > li').hover(function() {
		 $(this).addClass('active');
}, function() {
		 $(this).removeClass('active');
});

и замените его на

$(function() {
$('#nav > li').hover(function() {
		 $(this).addClass('active');
}, function() {
		 $(this).removeClass('active');
});
});


#129128 Помогите Разобраться

Отправлено от Сake в 25 Март 2014 - 02:31 в Другое

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

{% IF MOD_LNAME = catalog %}
<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
				<a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
				{%IFNOT catalog_full_empty%}
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul>{% ENDIF %}
					<li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% ENDIF %}>
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons"{% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
					{% 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>
			  <!-- /Каталог товаров -->
{% ENDIF %}

данный код должен размещаться в шаблоне "HTML".

2. Почитайте тему форума http://forum.storela...ст/#entry123999
вместо строки

var sid = 's269509';

вам необходимо использовать строку

var sid = 's279509';

3. Добавьте в ваш файл стилей main.css

.sorter .view-mode {
  display: none;
}

по умолчанию у вас отображается товар в виде таблицы.

4. Для поиска можно добавить следующие стили

.form-search .input-text {
  height: 24px;
  margin-top: -5px;
  padding-right: 20px;
  width: 140px;
}
.form-search button span {
  display: none;
}
.form-search {
  position: relative;
  width: 160px;
}
.form-search button {
  background: #5F5F5F;
  border-radius: 14px;
  height: 20px;
  position: absolute;
  right: 0;
  width: 20px;
  z-index: 1;
}


#134185 Помогите Разобраться

Отправлено от Сake в 18 Апрель 2014 - 02:08 в Другое

1. Найдите в шаблоне "HTML" строку

<div class="wrapper">

и замените её на

<div class="wrapper">
  <div class="menu-line"></div>

после в файл стилей main.css добавьте

.menu-line {
  position: absolute;
  left: 0px;
  right: 0px;
  background: #848891;
  top: 75px;
  height: 47px;
}

2. Добавьте в файл стилей main.css

.mymenu #nav {
  position: relative !important;
}
.mymenu #nav li {
  position: static !important;
}

Так как у вас стрелка реализована в виде статичного изображение - при таком изменении будут наблюдаться проблема с отображением направляющей стрелки. После применения данных стилей можно будет изменить отображение стрелки путем использования стилей вместо статичного изображения.


#129330 Помогите Разобраться

Отправлено от Сake в 26 Март 2014 - 00:42 в Другое

1. Пожалуйста, опишите проблему подробнее. У вас не отобразился код каталога? Добавленное условие {% IF MOD_LNAME = catalog %}  будет отображать каталог только когда пользователь уже находиться в нем, например перейдя по ссылке /catalog в верхнем меню навигации.

2. Найдите в вашем шаблоне "Поиск" следующий код

{% IF GOODS_VIEW_TYPE=1 %}
			<ol class="products-list">

и замените его на

{% IF GOODS_VIEW_TYPE=10 %}
			<ol class="products-list">


#145667 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 02 Июль 2014 - 05:37 в Изменение общей стилистики

Попробуйте в шаблоне "Товары" найти код

<!-- Если есть товары -->
				  {% ELSE %}
					<td class="my4">
						<ol class="my1">
						  {% FOR goods %}
										<!--			{%IF goods.MIN_PRICE_NOW>=100. && goods.MIN_PRICE_NOW<=3000. %} --> <!-- я вставил -->
												 
								<li class="goodsListItem">
								 <div class="goodsListItemBlock withBorder cornerAll">
								  <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a>
																<a class="image-zoom" href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}"></a></div>
																 <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>-->
																 <div class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></div>
																 <div class="CennA">
																		<div class="CennA1">
																				<div class="goodsListItemPriceOld">
																						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
																										<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
																						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
																										<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
																						  {% ENDIF %}
																		  </div>
																		  <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}">
																		  <div class="goodsDataMainModificationQuantity_list">
																				  <label for="quantity_wanted_list">Кол-во:</label>
																						<input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" />
																		  </div>
																		  </fieldset>																	
																		</div>
																<div class="CennA2">
																		<div class="goodsListItemPriceNew">
										<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br/>
									</div>
								  <!--<div class="goodsListItemPriceOld">
										{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
												<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
										  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
												<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
										  {% ENDIF %}
								  </div>-->
																  <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> -->
																  <div class="fun"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
												 <!--<p>-->
												 <input type="hidden" name="hash" value="{HASH}" />
												 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
												 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
												 <input type="submit" value=""/>
																								<!--  <input type="submit" value="Купить" />-->
												 <!--</p>-->
																</form></div>
																		</div>
																</div>
															   
																		 <!--tr
																   </table>-->
								  </div>
								</li>
														<!--	{% ENDIF %} --> <!-- я вставил -->

и заменить его на

<!-- Если есть товары -->
				  {% ELSE %}
					<td class="my4">
						<ol class="my1">
						  {% FOR goods %}
										<!--			{%IF goods.MIN_PRICE_NOW>=100. && goods.MIN_PRICE_NOW<=3000. %} --> <!-- я вставил -->
												 
								<li class="goodsListItem">
								 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
								 <div class="goodsListItemBlock withBorder cornerAll">
								  <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a>
																<a class="image-zoom" href="{goods.IMAGE_LARGE}" rel="gallery{goods.ID}"></a></div>
																 <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>-->
																 <div class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></div>
																 <div class="CennA">
																		<div class="CennA1">
																				<div class="goodsListItemPriceOld">
																						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
																										<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
																						  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
																										<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
																						  {% ENDIF %}
																		  </div>
																		  <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}">
																		  <div class="goodsDataMainModificationQuantity_list">
																				  <label for="quantity_wanted_list">Кол-во:</label>
																						<input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" />
																		  </div>
																		  </fieldset>																	
																		</div>
																<div class="CennA2">
																		<div class="goodsListItemPriceNew">
										<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br/>
									</div>
								  <!--<div class="goodsListItemPriceOld">
										{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
												<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
										  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
												<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
										  {% ENDIF %}
								  </div>-->
																  <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> -->
																  <div class="fun">
												 <!--<p>-->
												 <input type="hidden" name="hash" value="{HASH}" />
												 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
												 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
												 <input type="submit" value=""/>
																								<!--  <input type="submit" value="Купить" />-->
												 <!--</p>-->
																</div>
																		</div>
																</div>
															   
																		 <!--tr
																   </table>-->
								  </div>
								</form></li>
														<!--	{% ENDIF %} --> <!-- я вставил -->


#140304 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 27 Май 2014 - 02:09 в Изменение общей стилистики

Найдите в вашем шаблоне код кнопки

<button>Применить</button>

и замените его на

<button>Применить</button>
<div class="close"><a href="#">[x]</a></div>

далее в файл стилей main.css добавьте

.filter-options .close {
  position: relative;
}
.filter-options .close a {
  display: block;
  position: absolute;
  right: -5px;
  top: -28px;
}

а в файл main.js добавьте

$(function() {
  $('.filter-options .close a').click(function() {
	$('.filterH .filtername').removeClass('visible');
	return(false);
  });
});

далее найдите

$('.filter-options button').click(function() {
						 $('#rightMenuBlock .contentTbodySearchFilterBlock')
								 .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
								 .find('.contentTbodySearchFilterBlock').hide();
						 $('#primaryContent .contentTbodySearchFilterBlock')
								 .append($('#rightMenuBlock .contentTbodySearchFilterBlock').clone())
								 .find('.contentTbodySearchFilterBlock').hide();
						 $(this).closest('form').submit();
});

и замените на

$('.filter-options button').click(function() {
						 $('#rightMenuBlock .contentTbodySearchFilterBlock')
								 .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
								 .find('.contentTbodySearchFilterBlock').hide();
						 $('#rightMenuBlock .contentTbodySearchFilterBlock')
								 .append($('.SortCena form').clone().hide());
						 $('#primaryContent .contentTbodySearchFilterBlock')
								 .append($('#rightMenuBlock .contentTbodySearchFilterBlock').clone())
								 .find('.contentTbodySearchFilterBlock').hide();
						 $(this).closest('form').submit();
});


#145220 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 28 Июнь 2014 - 03:47 в Изменение общей стилистики

Попробуйте в файле main.js найти строку

$('#rightMenuBlock .contentTbodySearchFilterBlock')
		 .append($('.SortCena form').clone().hide());

и заменить её на

$('#rightMenuBlock .contentTbodySearchFilterBlock')
		 .append($('.SortCena form').clone().hide());
$('.contentTbodySearchFilterBlockLewo')
		 .append($('.form-Cena_OT_DO').clone(true).hide());


#139432 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 21 Май 2014 - 04:44 в Изменение общей стилистики

1. Необходимо просто перенести тег <button> выше цикла.

<button>Применить</button>
{% FOR values %}
<span class="filter-option">
		 <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
		 <label for="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label>
</span>
{% ENDFOR %}

2,3. Попробуйте заменить следующий код в файле main.js

$(function() {
  $('.filter-options button').click(function() {
				$('#rightMenuBlock .contentTbodySearchFilterBlock')
				  .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
				  .find('.contentTbodySearchFilterBlock').hide();
				$(this).closest('form').submit();
  });
  $('.filterH .filtername').click(function() {
				$(this).toggleClass('visible');
  });
});

на код вида

$(function() {
  $('.filter-options button').click(function() {
				$('#rightMenuBlock .contentTbodySearchFilterBlock')
				  .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
				  .find('.contentTbodySearchFilterBlock').hide();
				$('#primaryContent .contentTbodySearchFilterBlock')
				  .append($('#rightMenuBlock .contentTbodySearchFilterBlock').clone())
				  .find('.contentTbodySearchFilterBlock').hide();
				$(this).closest('form').submit();
  });
  $('.filterH .filtername').click(function() {
	  $('.filtername').removeClass('visible');
	  $(this).toggleClass('visible');
  });
  $('body').filter(':not(.filtername)').click(function(event) {
	if(!$(event.target).closest('.filterH').length &&
	   $('.filtername').hasClass('visible')) {
	   $('.filtername').removeClass('visible');
	}
  });
  $('.filter-option input').unbind('click');
});


#139239 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 20 Май 2014 - 01:49 в Изменение общей стилистики

1. Найдите в вашем файле main.js следующий код

$(function() {
  $('.filter-option input').change(function() {
		$('#rightMenuBlock .contentTbodySearchFilterBlock')
		  .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
		  .find('.contentTbodySearchFilterBlock').hide();
		$(this).closest('form').submit();
  });
  $('.filterH .filtername').click(function() {
		$(this).toggleClass('visible');
  });
});

и замените его на

$(function() {
  $('.filter-options button').click(function() {
		$('#rightMenuBlock .contentTbodySearchFilterBlock')
		  .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
		  .find('.contentTbodySearchFilterBlock').hide();
		$(this).closest('form').submit();
  });
  $('.filterH .filtername').click(function() {
		$(this).toggleClass('visible');
  });
});

далее найдите в шаблоне "HTML"

{% FOR values %}
<span class="filter-option">
	 <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
	 <label for="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label>
</span>
{% ENDFOR %}

и замените на

{% FOR values %}
<span class="filter-option">
	 <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
	 <label for="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label>
</span>
{% ENDFOR %}
<button>Применить</button>

далее в файле стилей main.css найдите

.filter-option {
  color: #fff;
  display: block;
  margin: 5px 0;
}

и замените на

.filter-option {
  color: #fff;
  display: block;
  margin: 5px 0;
  text-align: left;
}

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


#138607 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 16 Май 2014 - 02:40 в Изменение общей стилистики

1. Чтобы скрыть такие модификации на странице товара - необходимо задать таким модификациям общий признак. Например символ + в начале названия модификации или же любой другой, главное чтобы этот признак не встречался в обычных модификациях. После этого можно будет написать javascript код, который будет скрывать модификации по общему признаку.

2. Попробуйте сделать следующее - найдите в вашем шаблоне "HTML" следующий код

<form action="" method="get"><!-- обнавление всей страницы при выборе фильтра -->
	  <!--<form action="{CURRENT_URL}#filter" method="get" id="filter">--><!-- обнавление только выдачи страницы при выборе фильтра -->
					<div class="contentTbodySearchFilterBlock cornerAll">
	  <div class="contentTbodySearchFilterBlockLewo">
	  <center><b><span class="hH5">Фильтры</span></b><br /> <!-- h5 -->
	  <center><button class="sbros_filtr" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Сбросить</button></center> <!-- Кнопка сброса фильтров -->
	  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
		{% FOR filter_attr_list %}
		 <div class="filterH">
		<span class="filtername">{filter_attr_list.NAME} </span><br />
		   <!--  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">-->
		   <select onchange="$(this).attr('name', $(this).find('option:selected').attr('rel'));$('#rightMenuBlock .contentTbodySearchFilterBlock').append($('#primaryContent .contentTbodySearchFilterBlock').clone()).find('.contentTbodySearchFilterBlock').hide();this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
		<option> - все - </option>
		{% FOR values %}
		  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
		  <!-- Выводит количество после характеристики -->
		  <!--<option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>-->
		{% ENDFOR %}
		 </select>
	<!--	 <select style="border-radius:5px;" onchange="$(this).attr('name', $(this).find('option:selected').attr('rel'));$('#rightMenuBlock .contentTbodySearchFilterBlock').append($('#primaryContent .contentTbodySearchFilterBlock').clone()).find('.contentTbodySearchFilterBlock').hide();this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}" >
		<option> - все - </option>
		  {% FOR values %}
		  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %} type="submit" class="submitFiltr">{filter_attr_list.values.VALUE}</option>
		{% ENDFOR %}
		</select>-->
		 </div>
		{% ENDFOR %}
	   </div>
					</div>
				  </form>

и замените его на

<!-- обнавление всей страницы при выборе фильтра -->
<form action="" method="get">
<div class="contentTbodySearchFilterBlock cornerAll">
	<div class="contentTbodySearchFilterBlockLewo">
	   <center><b><span class="hH5">Фильтры</span></b><br />
	   <!-- Кнопка сброса фильтров -->
	   <center><button class="sbros_filtr" type="button" name="reset" onclick="javascript:document.location = document.location.pathname;">Сбросить</button></center>
	  
	   <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
	   {% FOR filter_attr_list %}
	   <div class="filterH">
		  <span class="filtername">{filter_attr_list.NAME} </span><br />
		  <div class="filter-options">
			{% FOR values %}
			<span class="filter-option">
			   <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
			</span>
			{% ENDFOR %}
		  </div>
	   </div>
	   {% ENDFOR %}
	</div>
</div>
</form>

далее в конец файла стилей main.css добавьте

.filter-option {
  color: #fff;
  display: block;
  margin: 5px 0;
}
.filter-option input {
  vertical-align: middle;
}
.filter-options {
  background: padding-box #86cbf1;
  border: 1px solid #c1dfef;
  box-shadow: -2px 4px 4px rgba(0, 0, 0, .21);
  display: none;
  padding: 10px;
  position: absolute;
  right: 50%;
  white-space: nowrap;
  z-index: 20;
}
.filterH {
  position: relative;
}
.filtername {
  border-bottom: 1px dashed;
  cursor: pointer;
}

и добавьте в конец файла main.js следующий код

$(function() {
  $('.filter-option input').change(function() {
	$('#rightMenuBlock .contentTbodySearchFilterBlock')
	  .append($('#primaryContent .contentTbodySearchFilterBlock').clone())
	  .find('.contentTbodySearchFilterBlock').hide();
	$(this).closest('form').submit();
  });
  $('.filterH .filtername').click(function() {
	$(this).toggleClass('visible');
  });
});


#138763 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от Сake в 17 Май 2014 - 00:31 в Изменение общей стилистики

1. Какой будет использоваться общий признак по сути роли не играет. Главное чтобы символ или символы не пересекались и можно было бы точно определить принадлежность модификации.

2. Прошу прощения, забыл приложить еще один класс. Добавьте в файл main.css

.filtername.visible ~ .filter-options {
	display: block;
}

а так же найдите в шаблоне "HTML" строку

<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />

и замените её на

<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
<label for="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]">{filter_attr_list.values.VALUE} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label>

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



  1. Форум владельцев интернет-магазинов
  2. → Публикации Сake
  3. Privacy Policy