Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Изменить Шапку И Верхнее Меню

Автор zabota-mama, 25 марта 2016 15:47

Назад

Вперед

Авторизуйтесь для ответа в теме

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

#21 zabota-mama

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

Пользователи
732 сообщений

Отправлено 13 Май 2016 - 10:38

385826

Наверх

#22 Юля123

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

Пользователи
2 567 сообщений

Отправлено 13 Май 2016 - 14:22

zabota-mama (13 Май 2016 - 10:38) писал:

385826

Здравствуйте, перед изменениями создайте бекап, далее в шаблоне Товары найдите код:

					  <div class="item-content" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
						<div class="item-price">
						  <div class="price-box">
							<!-- информация для поисковика о валюте товара -->
							<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
							{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							</p>
							{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							<p class="old-price">
							  <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
							</p>
							{% ENDIF %} 
							<p class="special-price">
							  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
							</p>
						  </div>
						</div>
						<!-- Артикул -->
		  <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
				Артикул: <span>{goods.ART_NUMBER}</span>
		  </div>
		  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
										  <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}" />
										  <div class="cart-wrap">
												<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
										  </div>
										</form>
						<div class="rating">
						  <div class="ratings">
							<div class="rating-box" title="Рейтинг товара">
							  {% IF goods.OPINION_RATING_VALUE %}
							  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
								<meta itemprop="worstRating" content = "1">
								<meta itemprop="bestRating" content = "10">
								<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
								<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
								<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
							  </span>
							  {% ELSE %}
								<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
							  {% ENDIF %}
							</div>
						  </div>
						</div>
					  </div>

замените на код:

					  <div class="change" >
{% IF goods.COUNT_MODIFICATION > 1 %}
<select class="select_mod" >
		{% FOR mods %}
		 <option value="{goods.mods.ID}" {% IF goods.mods.SELECTED %}selected="selected"{% ENDIF %}>
		 {%FOR goods_mod_distinctive_properties %}{goods.mods.goods_mod_distinctive_properties.VALUE} {% ENDFOR %}</option>
		 {% ENDFOR mods %}
	</select>
{%ENDIF%}
{% FOR mods %}
<!-- Доступность товара -->
<div class="mod_inf1 {goods.mods.ID}" {% IF goods.COUNT_MODIFICATION=1 %}style="display:block"{%ENDIF%}>
						<div class="item-content" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<div class="item-price">
   <div class="price-box">
   <!-- информация для поисковика о валюте товара -->
   <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
   {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}
   <p class="old-price">
	 <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
   </p>
   {% ELSEIF goods.mods.PRICE_OLD>goods.mods.PRICE_NOW %}
   <p class="old-price">
	 <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_OLD | money_format}</span>
   </p>
   {% ENDIF %}
   <p class="special-price">
	 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.mods.PRICE_NOW | money_format}</span>
   </p>
	</div>
</div>

		   <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
				Артикул: <span>{goods.ART_NUMBER}</span>
		  </div>
		  </div>
										 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
					  <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.mods.ID}" />
																						 <a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.mods.ID}');
																										 return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.mods.ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">
																								 <span class="basket_add"></span>
																						 </a>
																		
																				
																		 </form>
</div>
<!-- Доступность товара -->
{% ENDFOR mods %}
</div>

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

$(function(){
$('.select_mod').change(function(){
var modInf = $(this).closest('.change').find('.mod_inf1').hide(),
																 active = modInf.filter('.' + $(this).val());
if(active.length){
active.show();
return;
}
modInf.first().show();
}).trigger('change');
});

Далее добавляйте в товаре модификации. Если всё корректно будет работать, изменим положение кнопки в корзину. Сейчас она у Вас немного поменяет свое положение, т.к. изменение связанное с модификацией затрагивает и кнопку в корзину.

Наверх

#23 zabota-mama

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

Пользователи
732 сообщений

Отправлено 15 Май 2016 - 23:41

Спасибо,
получилось вот так -
(на товар слева наведен курсор).

Можно ли чтобы отображалась цена и артикул только одного размера (первого размера у которого остаток >0)?
И чтобы при выборе другого размера менялись артикул и цена на соответствующие.

Спасибо.

Наверх

#24 Юля123

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

Пользователи
2 567 сообщений

Отправлено 16 Май 2016 - 14:31

zabota-mama (15 Май 2016 - 23:41) писал:

Спасибо,
получилось вот так -
(на товар слева наведен курсор).

Можно ли чтобы отображалась цена и артикул только одного размера (первого размера у которого остаток >0)?
И чтобы при выборе другого размера менялись артикул и цена на соответствующие.

Спасибо.

У Вас не полностью выполнена инструкция, а именно не добавлен код:

$(function(){
$('.select_mod').change(function(){
var modInf = $(this).closest('.change').find('.mod_inf1').hide(),
																																 active = modInf.filter('.' + $(this).val());
if(active.length){
active.show();
return;
}
modInf.first().show();
}).trigger('change');
});

в файл main.js, после его добавления цена будет отображаться корректно. Чтобы артикул отображался корректно, в шаблоне Товары найдите код:

				   <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
								Артикул: <span>{goods.ART_NUMBER}</span>
				  </div>

и замените на код:

				   <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.mods.ART_NUMBER %}style="display:none"{% ENDIF %}>
								Артикул: <span>{goods.mods.ART_NUMBER}</span>
				  </div>

Наверх

#25 zabota-mama

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

Пользователи
732 сообщений

Отправлено 17 Май 2016 - 22:15

Спасибо.
Сейчас все нормально.
Осталось добавить кнопку Купить.

Наверх

#26 Vaccina

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

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

Отправлено 18 Май 2016 - 01:24

В шаблоне Товары найдите:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
										  <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.mods.ID}" />
																																												 <a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.mods.ID}');
																																																				 return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.mods.ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">
																																																 <span class="basket_add"></span>
																																												 </a>
																																			   
																																							   
																																				 </form>

замените на:

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
										  <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.mods.ID}" />
										<a class="add-cart btn-cart button" title="В корзину">В корзину</a>
																																		</form>

Наверх

#27 zabota-mama

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

Пользователи
732 сообщений

Отправлено 22 Май 2016 - 22:48

Сделал.
При наведении "В корзину" немного закрывает артикул.
https://yadi.sk/i/08AQye6kruXDN

Наверх

#28 Юля123

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

Пользователи
2 567 сообщений

Отправлено 23 Май 2016 - 10:21

zabota-mama (22 Май 2016 - 22:48) писал:

Сделал.
При наведении "В корзину" немного закрывает артикул.
https://yadi.sk/i/08AQye6kruXDN

Попробуйте в конце main.css добавить код:

.goodsDataMainModificationArtNumber {
	height: 26px;
}

Наверх

#29 zabota-mama

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

Пользователи
732 сообщений

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

не помогло

Наверх

#30 Юля123

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

Пользователи
2 567 сообщений

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

zabota-mama (06 Июнь 2016 - 16:42) писал:

не помогло

Произвела Вам изменения, соответствующие этой инструкции, результат:

код добавила в самый конец main,css . Если Вас что-то не устраивает, Вы можете его удалить.

Наверх

#31 zabota-mama

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

Пользователи
732 сообщений

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

Спасибо, я добавлял перед фиксами для браузеров, видимо из-за этого.

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

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

Наверх

#32 Юля123

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

Пользователи
2 567 сообщений

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

zabota-mama (08 Июнь 2016 - 13:17) писал:

Спасибо, я добавлял перед фиксами для браузеров, видимо из-за этого.

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

Здравствуйте, в шаблоне HTML найдите код:

	  <!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Бесплатная доставка</span></div>
			  <div class="block-content">Доставка по городу и области Бесплатна!</div>
			</div>
			<div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>30 дней гарантии</span></div>
			  <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Прием заказов 24/7</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Безопасная оплата</span></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->

В этом коде текст, написанный русским меняйте на нужный Вам текст. Далее в main.css найдите код:

#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

и замените на код:

#topsl .block .block-title {color: #3cabda;}
#topsl .block.block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block.block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block .block-title span:after {background-position: 0px top;}
#topsl .block.money-back.block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}

Наверх

#33 zabota-mama

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

Пользователи
732 сообщений

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

Спасибо!
А где можно поменять сообщение
Внутренняя ошибка сервера. Категория не найдена

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

Наверх

#34 zabota-mama

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

Пользователи
732 сообщений

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

Юля123 (08 Июнь 2016 - 14:55) писал:

Далее в main.css найдите код:

#topsl .block:hover .block-title {color: #3cabda;}
#topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}

и замените на код:

#topsl .block .block-title {color: #3cabda;}
#topsl .block.block-title:before {border-color: #3cabda;cursor:pointer;}
#topsl .block.block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block .block-title span:after {background-position: 0px top;}
#topsl .block.money-back.block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}

Сделал, ерунда какая-то получилась http://newzm1.storeland.ru/

Наверх

#35 Vaccina

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

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

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

#topsl .block .block-title span:after {background-position: 0px top;}
#topsl .block.money-back.block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}

замените на:

#topsl .block .block-title span:after {background-position: -78px top;}
#topsl .block.money-back.block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}

Наверх

#36 zabota-mama

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

Пользователи
732 сообщений

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

Спасибо.
Нужно чтобы еще иконки по умолчанию стали вот такими

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

Наверх

#37 Vaccina

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

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

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

В main.css найдите:

#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}

замените на:

#topsl .block .block-title:before {background: #3CABDA;position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}

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

#topsl .block .block-title span:after {background-position: -78px top;}
#topsl .block.money-back.block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -546px top;}

замените на:

#topsl .block .block-title span:after {background-position: 0px top;}
#topsl .block.money-back .block-title span:after {background-position: -156px top;}
#topsl .block.orders-247 .block-title span:after {background-position: -312px top;}
#topsl .block.secured-payment .block-title span:after {background-position: -468px top;}

Наверх

#38 velonevod

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

Пользователи
19 сообщений

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

здравствуйте! как поменять картинку велосипеда на определенный логотип,он у меня есть, в верху слева?

SL-364175

как убрать верху справа кружки ВК И ДР. возле меню поиска? И УБРАТЬ справа появляющееся меню вк?

Наверх

#39 Lubka

Продвинутый пользователь

Пользователи
58 сообщений

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

velonevod (17 Июль 2016 - 14:39) писал:

здравствуйте! как поменять картинку велосипеда на определенный логотип,он у меня есть, в верху слева?

Здравствуйте, в разделе Сайт-Редактор шаблонов-в файле HTML в блоке кода:

<!-- Logo -->
			<div id="logo" class="col-xs-4">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->

в строчке <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> вместо существующего изображения с именем logo.png прописываете имя нового файла(логотипа,картинки), который загрузите в Редактор шаблонов

Наверх

#40 Lubka

Продвинутый пользователь

Пользователи
58 сообщений

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

velonevod (17 Июль 2016 - 14:39) писал:

как убрать верху справа кружки ВК И ДР. возле меню поиска? И УБРАТЬ справа появляющееся меню вк?

В разделе Сайт-Редактор шаблонов-в файле HTML удалите строчки кода 118-123:

<ul class="connect-us">
				 <li><a href="#" class="fa fa-facebook"></a></li>
				 <li><a href="#" class="fa fa-twitter"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>

и строчки 1302-1314:

<!-- Виджет сообществ -->
<div id="community_widget_right">
	 <div class="community-widget">
	 <span class="community-widget-button"><i class="fa fa-vk"></i></span>
	 <div class="community-widget-content">
		 <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		 <div id="vk_groups"></div>
		 <script type="text/javascript">
		 VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		 </script>
	 </div>
	 </div>
</div>

Также в файле main.css удалите строчки кода 215-222:

#header .header-right .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 10px 25px;padding: 0;}
#header .header-right .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;}
#header .header-right .header-right-inner .connect-us li:first-child {margin-left: 0px;}
#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;}
#header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;}
#header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;}
#header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;}
#header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}

и строчки 786-793:

/* Виджет сообществ */
.community-widget {width: 260px;background: #FFF;padding: 0px;z-index: 998;border: 1px solid #cecece;border-right: none;position: fixed;right: 0px;top: 100px;-webkit-border-radius: 0 0 0 8px;-moz-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px;}
.community-widget .community-widget-button {position: absolute;top: -1px;right: 100%;height: 50px;width: 50px;font-size: 20px;cursor: pointer;line-height: 46px;background: #fff;text-align: center;border: 1px solid #ddd;-webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;}
.community-widget .community-widget-button i {text-align: center;vertical-align: middle;}
.community-widget .community-widget-content {padding: 12px 20px;}
.community-widget .community-widget-content .block .block-title {padding: 0px 0px 10px;border-bottom: 1px solid #DDD;font-family: Open Sans, sans-serif;font-weight: 300 !important;color: #666666;font-size: 150%;text-transform: uppercase;}
.community-widget .community-widget-content .block .block-content {padding: 10px 0px 5px;}
.community-widget:hover .community-widget-button .fa-vk {color: #537599;}