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


bronko

Регистрация: 20 июля 2012
Offline Активность: 23 окт. 2019 03:30
-----

#269248 Убрать Слайдер, Промо-Блок И Изменить Шапку

Отправлено Vaccina на 09 Ноябрь 2017 - 08:27

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
@media only screen and (max-width: 479px) {
#header {
	 height: 214px;
	 background: #3E3F41;
	 padding-bottom: 10px;
	 margin-bottom: 0px;
}

замените на:
@media only screen and (max-width: 479px) {
#header {
	 height: auto;
	 background: #3E3F41;
	 padding-bottom: 0;
	 margin-bottom: 0px;
}

Результат:
Скриншот сделанный 2017-11-09 в 12.23.59.png


#268959 Убрать Слайдер, Промо-Блок И Изменить Шапку

Отправлено RayLi на 02 Ноябрь 2017 - 14:48

Просмотр сообщенияbronko (02 Ноябрь 2017 - 14:36) писал:

Изменения внесены.
Тем не менее, разница в отображении есть!
Это видно на скриншотах. первый скрин - как в основном каталоге, второй - как в разделе "с этим товаром смотрят"
Прикрепленный файл Screenshot_4.jpgПрикрепленный файл Screenshot_3.jpg

А также очень хотелось бы получить ответ на п.2.

Попробуйте в шаблоне style.css найти так же следующий код:

.product .wrapper-hover form {
	display: block;
	text-align: center;
	padding: 15px;
}

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

.product .wrapper-hover form {
	display: block;
	text-align: center;
}



#268648 Убрать Слайдер, Промо-Блок И Изменить Шапку

Отправлено Vaccina на 26 Октябрь 2017 - 08:56

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

1. Он стилизует шапку сайта по желаемому вами результату, только изменение будет отображаться для разрешений от 480px до 767px. Данный код выше также добавьте после:
@media only screen and (max-width: 479px) {

2. Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.product .product-price {font-size: 16px;height: 42px;line-height: 18px;margin: 8px 0 0 8px;padding-bottom: 5px;cursor: text;text-align: center;}

замените на:
.product .product-price {font-size: 16px;height: 25px;line-height: 18px;margin: 0;padding-bottom: 5px;cursor: text;text-align: center;}

далее найдите:
.product-name {text-align: center;text-transform: uppercase;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 55px;}

замените на:
.product-name {text-align: center;text-transform: uppercase;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 35px;}



#268581 Убрать Слайдер, Промо-Блок И Изменить Шапку

Отправлено Vaccina на 24 Октябрь 2017 - 07:26

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Верхний блок навигации -->
			<div class="menu_block_dropdown">
			  <div class="et_categ_box">
				<div id="et_categ_box_scroll">
				  <div class="img_link_wrapper"><a class="image-link" href="{INDEX_PAGE_URL}"></a></div>
                  
замените на:
<!-- Верхний блок навигации -->
			<div class="menu_block_dropdown">
			  <div class="et_categ_box">
				<div id="et_categ_box_scroll">
                
                
Далее зайдите в style.css - найдите:
.product-list, .product-list2 {margin-top: 20px;margin-left: -11px;margin-right: -1px;clear: both;display: block;position: relative;}

замените на:
.product-list, .product-list2 {margin-top: 5px;margin-left: -11px;margin-right: -1px;clear: both;display: block;position: relative;}

далее найдите:
@media only screen and (min-width: 480px) and (max-width: 767px) {

после него пропишите:
#header {
	height: auto;
	background: #3E3F41;
	padding-bottom: 10px;
	margin-bottom: 0px;
}



#268504 Убрать Слайдер, Промо-Блок И Изменить Шапку

Отправлено Vaccina на 21 Октябрь 2017 - 08:09

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
{% IF index_page %}
	  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css?design=movement">
	  <script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js?design=movement'></script>
	  <script>
		  jQuery(function(){			  
				jQuery('#camera_wrap_1').camera({
			minHeight: '400px',
			maxHeight: '600px',
			pagination: false,
					thumbnails: false,
			time: 3000
				});
			});
		</script>
	{% ENDIF %}
    
    
далее найдите:
<body {% IF index_page %}class="home"{% ENDIF %} {% IF MOD_LNAME=goods %}class="tovar"{% ENDIF %}>

замените на:
<body {% IF MOD_LNAME=goods %}class="tovar"{% ENDIF %}>

далее найдите и удалите:
<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Накопительные скидки до 15%!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Быть постоянным клиентом выгодно!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Особые условия для мотосервисов и мотошкол!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Вступай в нашу группу Вконтакте, оставляй отзывы и получай бонусы!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->
 
	  {% ENDIF %}
	  <div class="container promo_block">
			<ul>
				  <li class="box-1">
					  <h3 class="title-block">Оплата</h3>
					  <p>Множество способов оплаты</p>
				  </li>
				  <li class="box-2">
					  <h3 class="title-block">Доставка</h3>
					  <p>Доставка во все города России и стран СНГ</p>
				  </li>
				  <li class="box-3">
					  <h3 class="title-block">Гарантии</h3>
					  <p>Возврат/Замена Товара</p>
				  </li>
				  <li class="box-4">
					  <h3 class="title-block">Поддержка</h3>
					  <p>Поддержка клиентов по телефону</p>
				  </li>
			  </ul>		
		<div class="clear"></div>
			</div>
            
            
Далее найдите:
<div class="contacts">
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
			  <div class="phone" title="Позвоните нам">  
				<b>Контакты:</b><br />
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER1}</a><br />
				{% ENDIF %}
				
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER2}</a><br />
				{% ENDIF %}
						  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER3}</a>
				{% ENDIF %}
						
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="contentTableHeadMainSkype">
					<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
					  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
					  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
					</a>
				  </div>
				{% ENDIF %}
					   
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="https://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
			
			<!-- Время работы магазина -->
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <div class="time">
				<b>Время работы:</b><br />
				<span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				  {SETTINGS_STORE_WORK_TIME}
				</span>
			  </div>
			{% ENDIF %}
            
            
замените на:
<div class="contacts">
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
			  <div class="phone" title="Позвоните нам">
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">
				  <img src="{ASSETS_IMAGES_PATH}phone.png" alt="" />
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER1}</a><br />
				{% ENDIF %}
				
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">
				  <img src="{ASSETS_IMAGES_PATH}phone.png" alt="" />
				  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER2}</a><br />
				{% ENDIF %}
						  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}
				  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
				  {SETTINGS_STORE_PHONE_NUMBER3}</a>
				{% ENDIF %}
						
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="contentTableHeadMainSkype">
					<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
					  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
					  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
					</a>
				  </div>
				{% ENDIF %}
					   
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="contentTableHeadMainIcq">
					<img class="valignMiddle" src="https://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDIF %}
			
			<!-- Время работы магазина -->
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <div class="time">
				<span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				  <img src="{ASSETS_IMAGES_PATH}time.png" alt="" />
				  {SETTINGS_STORE_WORK_TIME}
				</span>
			  </div>
			{% ENDIF %}
            
            
Далее зайдите враздел style.css - найдите:
.time {display: block;float: left;font-size: 20px;line-height:1em;margin-left: 40px;}

замените на:
.contacts img{vertical-align: middle;}
.time {display: block;font-size: 20px;line-height:1em;}



#268378 Добавить Меню

Отправлено Vaccina на 17 Октябрь 2017 - 07:37

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/* Контакты */
.contact, .contact a {color: #fff;}

замените на:
/* Контакты */
.contact{text-align:left;}
.contact, .contact a {color: #fff;}



#268352 Добавить Меню

Отправлено RayLi на 15 Октябрь 2017 - 20:58

Просмотр сообщенияbronko (15 Октябрь 2017 - 18:24) писал:

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

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

			  <div class="callback col-md-6 col-xs-12">
				<h4 class="title">Обратный звонок</h4>
				<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="callback-input">
					<i class="fa fa-user"></i>
					<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="callback-input">
					<i class="fa fa-phone"></i>
					<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>
				  <button type="submit" title="Отправить" class="button button2">Отправить</button>
				</form>
				<!-- Соц. сети -->
				<h4 class="title">Мы в социальных сетях</h4>
				<div class="social-links">
				  <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a>
				  <a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>
				  <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a>
				  <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a>
				  <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a>
				</div>
			  </div>
			</div>
		  </div>
		</div>
		<div class="footer-bottom">

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

			  <div class="callback col-md-6 col-xs-12">
				<h4 class="title">Обратный звонок</h4>
				<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="callback-input">
					<i class="fa fa-user"></i>
					<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="callback-input">
					<i class="fa fa-phone"></i>
					<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>
				  <button type="submit" title="Отправить" class="button button2">Отправить</button>
				</form>
			  </div>
				<!-- Соц. сети -->
				<h4 class="title">Мы в социальных сетях</h4>
				<div class="social-links">
				  <a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a>
				  <a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a>
				  <a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a>
				  <a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a>
				  <a class="instagram fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>instagram</span></a>
				</div>
			</div>
		  </div>
		</div>
		<div class="footer-bottom">



#268309 Добавить Меню

Отправлено Vaccina на 14 Октябрь 2017 - 08:38

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Основная часть -->
		<div id="main">
        
после него пропишите:
<div id="top-block">
				<div class="top">
				  <div class="container">
						<div class="row">
						  <div class="col-xs-12">
								<ul class="links">
								  {% FOR menu %}
										{% FOR footer %}
										  {% FOR links %}
												<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}
								</ul>
						  </div>
						</div>
				  </div>
				</div>
		  </div>
          
далее найдите и удалите:
<div class="contact col-md-6 col-xs-12">
				<h4 class="title">Контакты</h4>
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><i class="fa fa-phone">&nbsp;</i> <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></p>{% ENDIF %}
				{% IF SETTINGS_STORE_WORK_TIME %}<p><i class="fa fa-clock-o">&nbsp;</i> {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_REGION %}<p><i class="fa fa-map-marker">&nbsp;</i>{SETTINGS_STORE_REGION}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><i class="fa fa-phone">&nbsp;</i>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p><i class="fa fa-fax">&nbsp;</i>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<p><i class="fa fa-envelope">&nbsp;</i>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_SKYPE %}<p><i class="fa fa-skype">&nbsp;</i>Skype: <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
			  </div>
              
              
далее найдите:
<!-- Меню -->
		  <div class="block-menu">
			<i class="fa fa-home"></i>
			<ul class="links">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>
		  </div>
		  <!-- Меню пользователя -->
          
перед ним вставьте:
<div class="contact">
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><i class="fa fa-phone">&nbsp;</i> <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></p>{% ENDIF %}
				{% IF SETTINGS_STORE_WORK_TIME %}<p><i class="fa fa-clock-o">&nbsp;</i> {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_REGION %}<p><i class="fa fa-map-marker">&nbsp;</i>{SETTINGS_STORE_REGION}</p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><i class="fa fa-phone">&nbsp;</i>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p><i class="fa fa-fax">&nbsp;</i>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<p><i class="fa fa-envelope">&nbsp;</i>Email: <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %}
				{% IF SETTINGS_STORE_SKYPE %}<p><i class="fa fa-skype">&nbsp;</i>Skype: <a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></p>{% ENDIF %}
				<p><i class="fa fa-envelope">&nbsp;</i><a href="{FEEDBACK_URL}">Напишите нам</a></p>
			  </div>
          

          
далее зайдите в main.css - найдите:
/* Логотип */
#header .header-container .logo {margin-bottom: 20px;}

перед ним пропишите:
/*** Верхнее меню ***/
#top-block {color: #808080;border-color: #343434;background-color: #272727;border-left: 1px solid #343434;position: fixed;width: calc(100% - 250px);top: 0;left: 250px;z-index: 10;border-bottom: 2px solid #F1F2F4;}
#top-block .top {padding: 0;text-align: center;}
#top-block .links {margin-bottom: 0px;}
#top-block .links li {display: inline-block;margin: 10px 15px;}
#top-block .links li a {color: #808080;line-height: 22px;}
#top-block .links li a:hover {color: #1c8a71;}


далее найдите:
#footer .footer-top {padding: 30px 0;text-align: center;}

замените на:
#footer .footer-top {display: none;padding: 30px 0;text-align: center;}

далее найдите:
/* Меню */
.block-menu {display: inline-block;position: relative;}

перед ним пропишите:
/* Контакты */
.contact, .contact a {color: #fff;}



#247201 Анимация Добавления Товара В Корзину

Отправлено Stasya на 07 Сентябрь 2016 - 17:20

Просмотр сообщенияbronko (07 Сентябрь 2016 - 14:02) писал:

Я все сделал по вашей инструкции.
Непонятно исправление, о котором я написал в посте №6 по п.3
Блоки не одинаковы. Закрывающий тег </a> перенесен выше строками.


#247374 Анимация Добавления Товара В Корзину

Отправлено Stasya на 09 Сентябрь 2016 - 09:47

Просмотр сообщенияbronko (07 Сентябрь 2016 - 21:25) писал:

Все исправления внес.
Странно, но сейчас при удалении товара из корзины опять выскакивает ошибка.
Причем, ошибка иногда НЕ появлялась и до внесения изменений. То есть, то нет.
Кэш чистил

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

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


#246709 Анимация Добавления Товара В Корзину

Отправлено Stasya на 01 Сентябрь 2016 - 20:56

Анимация заключается в том, что когда кликаешь по кнопке В корзину, картинка товара "улетает" в сторону корзины.
Пока что, для того, чтобы это реализовать, Вам придется "пожертвовать" блоком Недавно просмотренных товаров. Я подумаю, как решить данную проблему и напишу Вам в этой ветке чуть позже.
Если его не убрать, то при добавлении из новинок, товаров на главной или хитов с главной страницы уже просмотренный товар, в корзину будут "улетать" 2 картинки.
В инструкции я убрала блок кода просмотренных товаров, поэтому этой ошибки у Вас на сайте не будет.

Чтобы реализовать анимацию Вам необходимо выполнить следующую инструкцию:

1) В файле main.js находим  код
// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){

$(this).nyroModalManual({
	 formIndicator: 'ajax_q', // Value added when a form is sent
	 minWidth: 450, // Minimum width
	 minHeight: 140, // Minimum height
	 gallery: null // Gallery name if provided
});
return false;
});
и заменяем его на  
//Анимация добавления товара в корзину, добавление товара, обновление счетчика товаров в корзине
$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListItemCatalogueAddToCartButton').each(function() {
$(this).addClass('ajaxForm');
});
$(this).find('.main_general, .contentText, .prod_hold').addClass('form-block-wrapper');
$(this).find('.main_general a > img, .contentText a > img, .prod_hold a > img').addClass('product-img');
$('form.ajaxForm').submit(function() {
var formData = $(this).serializeArray();
formData.push({name: 'ajax_q', value: 1});
$.post($(this).attr('action'), formData, $.proxy(function(html) {
$('#cart-total').html($(html).find('.newCartCount').html());
var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
var product_img = $(wrapper.find('.product-img')[0]);
var img = product_img.clone().appendTo($('body'));
img.css({
position: "absolute",
left: product_img.offset().left,
top: product_img.offset().top,
display: "block",
zIndex: 999
}).animate({
width: 0,
height: 0,
left: $('.shopping_cart_block').offset().left,
top: $('.shopping_cart_block').offset().top
}, 800, 'linear', function() {
$(this).remove();
wrapper.find('.goodsincart').show();
});
}, this));
return(false);
});
});

2) Переходим в шаблоны
Шаблон Товары
Находим строку
<a class="buy_button" 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.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="В корзину">В корзину</a>
и заменяем ее на
<a class="buy_button" 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.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="В корзину">В корзину</a>

Шаблон HTML
Товары на главной
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}"onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="В корзину">В корзину</a>

Новинки
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').submit(); return false;"title="Быстро оформить заказ">Быстрый заказ</a>

Хиты продаж
Строку
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_favorites_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_favorites_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">Быстрый заказ</a>

Шаблон Товар
Строку  
<input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
заменяем на
<input type="submit" value="Купить" id="button-cart" class="buy_button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>


Сопутствующий товар
Строку
<a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">В корзину</a>

С этим товаром смотрят
Строку
<a class="buy_button" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
заменяем на
<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Быстро оформить заказ">В корзину</a>

Шаблон Ajax добавление товара в корзину
Блок
<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
</strong>
заменяем на
<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}
	 {% ENDFOR %}
{% ENDIF %}
</strong>

3) В шаблоне HTML найдите и удалите блок
<!-- Недавно просмотренные товары -->
		 {% IFNOT recently_viewed_goods_empty %}
		 <div class="infoBox infoBoxWhatsNew">
			 <div class="box-heading">Вы смотрели</div>
			 <div class="infoBoxContents jcarousel-wrapper">
			 <div id="product-recent">
				 <ul>
				 {% FOR recently_viewed_goods %}
				 <li>
					 <div class="product-recent">
					 <div class="product-image-wrapper goods-image-icon-square">
						 <a class="product_img" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}">
						 <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
						 </a>
					 </div>
					 <div class="wrapper-hover">
						 <div class="product-name"><p title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" onclick="javascript:document.location.href='{recently_viewed_goods.URL}'">{recently_viewed_goods.NAME}</p></div>
						 <div class="product-price">
						 <span class="new_price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
						 {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
							 <s class="old_price">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						 {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
							 <s class="old_price">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</s>
						 {% ENDIF %}					
						 </div>
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}">
						 <input type="hidden" name="hash" value="{HASH}" />
						 <input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
						 <input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
						 <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={recently_viewed_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						 <!--a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={recently_viewed_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goodrecently_viewed_goodss.MIN_PRICE_NOW_ID}" onclick="$('.product-form-rec{recently_viewed_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
						 </form>
						 <!--a href="#" onclick="" class="wishlist"><i class="icon-heart"></i>Добавить в закладки</a>
						 <!-- Если в тарифном плане подключен модуль сравнения товаров --
						 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						 <!-- Если не выключен модуль сравнения товаров в настройках магазина --
						 {% IFNOT SETTINGS_COMPARE_DISABLE %}
							 {% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
							 <a class="goodsDataCompareButton delete compare" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"><i class="icon-popup"></i>Убрать из сравнения</a>
							 {% ELSE %}
							 <a class="goodsDataCompareButton add compare" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами"><i class="icon-popup"></i>Добавить к сравнению</a>
							 {% ENDIF %}
						 {% ENDIF %}
						 {% ENDIF %}-->
					 </div>
					 </div>
				 </li>
				 {% ENDFOR %}
				 </ul>
			 </div>
			 <a href="#" class="jcarousel-control-prev"></a>
			 <a href="#" class="jcarousel-control-next"></a>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- END Недавно просмотренные товары -->

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

  • улетает.jpg
  • улетает2.jpg



#246943 Анимация Добавления Товара В Корзину

Отправлено Stasya на 05 Сентябрь 2016 - 12:37

Просмотр сообщенияbronko (02 Сентябрь 2016 - 22:31) писал:

Все сделал.
Возникли следующие проблемы:
1. При добавлении товара в корзину, если в ней не было до этого ни одного товара, счетчик на иконке корзины не появляется, будто в ней ничего нет. После обновления страницы счетчик появляется и указывает верное количество товара в корзине.
2. При добавлении товара в корзину, если там уже был товар, счетчик иногда ведет себя очень странно. добавляешь один товар, ок, счетчик прибавляет один, добавляешь другой товар - опять один, добавляешь третий товар - счетчик прибавил уже десяток. следующий товар - прибавил сотню. Т.е. на счетчике отображаются жуткие числа типа "513" и т.д. Если дальше добавляешь следующий товар, иногда опять прибавляет по одному к этому огромному числу, а потом опять по 10 или по 100 или любое другое число, например 120. После обновления страницы счетчик отображается правильно до следующего добавления в корзину. Потом опять начинается фигня, причем счетчик сразу же подскакивает до больших чисел, которые были до обновления страницы.
Изображение

3. выскакивающее при наведении на иконку корзины окошко не обновляется "на лету". Если проигнорировать ошибку под п.2. и допустить, что счетчик показывает верное количество товара, то при добавлении товара в корзину счетчик меняется, а выпадающее меню не меняется, будто в корзину ничего не добавили. Приходит в соответствие только после обновления страницы.
Изображение

4. Самая стремная ошибка. Когда мы находимся в корзине, то при попытке удалить какой-либо товар, выдает ошибку следующего вида:
Изображение
После обновления страницы с корзиной товар оказывается удаленным.

Пожалуйста, дайте оперативно инструкции, как исправить возникающие ошибки. Особо быстрого ответа прошу по п.4, чтобы не вводить в заблуждение клиентов.
Спасибо!

1) В шаблоне HTML найдите блок
{% IFNOT cart_count_empty %}
			 <span id="cart-total">
				 {CART_COUNT_TOTAL}
			 </span>
			 {% ENDIF %}
и замените его на
<span id="cart-total">
				 {% IFNOT cart_count_empty %}{CART_COUNT_TOTAL}{% ELSE %}0{% ENDIF %}
			 </span>

2) В шаблоне Ajax добавление товара в корзину найдите блок
<strong class="newCartCount">
{% IF cart_count_empty %}
		 <span class="red">0</span> шт.
{% ELSE %}
		 {% FOR cart_count %}
		 {cart_count.COUNT}
		 {% ENDFOR %}
{% ENDIF %}
</strong>
и замените его на
<strong class="newCartCount">
{% IF cart_count_empty %}
		 <span class="red">0</span> шт.
{% ELSE %}
		 {CART_COUNT_TOTAL}
{% ENDIF %}
</strong>

3) Простите, не учла что в данном шаблоне при наведении на корзину выводится список уже добавленных товаров. В файле main.js ранее присланный код
//Анимация добавления товара в корзину, добавление товара, обновление счетчика товаров в корзине
$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListItemCatalogueAddToCartButton').each(function() {
$(this).addClass('ajaxForm');
});
$(this).find('.main_general, .contentText, .prod_hold').addClass('form-block-wrapper');
$(this).find('.main_general a > img, .contentText a > img, .prod_hold a > img').addClass('product-img');
$('form.ajaxForm').submit(function() {
var formData = $(this).serializeArray();
formData.push({name: 'ajax_q', value: 1});
$.post($(this).attr('action'), formData, $.proxy(function(html) {
$('#cart-total').html($(html).find('.newCartCount').html());
var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
var product_img = $(wrapper.find('.product-img')[0]);
var img = product_img.clone().appendTo($('body'));
img.css({
position: "absolute",
left: product_img.offset().left,
top: product_img.offset().top,
display: "block",
zIndex: 999
}).animate({
width: 0,
height: 0,
left: $('.shopping_cart_block').offset().left,
top: $('.shopping_cart_block').offset().top
}, 800, 'linear', function() {
$(this).remove();
wrapper.find('.goodsincart').show();
});
}, this));
return(false);
});
});
замените на
$(function() {
$('form.goodsDataForm, form.goodsToCartFromCompareForm, form.goodsListItemCatalogueAddToCartButton').each(function() {
$(this).addClass('ajaxForm');
});
$(this).find('.main_general, .contentText, .prod_hold').addClass('form-block-wrapper');
$(this).find('.main_general a > img, .contentText a > img, .prod_hold a > img').addClass('product-img');
$('form.ajaxForm').submit(function() {
var formData = $(this).serializeArray();
formData.push({name: 'ajax_q', value: 1});
$.post($(this).attr('action'), formData, $.proxy(function(html) {
								 $('#cart-total').html($(html).find('.newCartCount').html());
								 var wrapper = $(this).closest('.form-block-wrapper').length ? $(this).closest('.form-block-wrapper') : $(this);
								 var product_img = $(wrapper.find('.product-img')[0]);
								 var img = product_img.clone().appendTo($('body'));
								 img.css({
																 position: "absolute",
																 left: product_img.offset().left,
																 top: product_img.offset().top,
																 display: "block",
																 zIndex: 999
								 }).animate({
																 width: 0,
																 height: 0,
																 left: $('.shopping_cart_block').offset().left,
																 top: $('.shopping_cart_block').offset().top
																 }, 800, 'linear', function() {
																		 $(this).remove();
																		 wrapper.find('.goodsincart').show();
																 });
																 $.get("/cart/?only_body=1",function(d){

																 if($(d).find('.shopping-cart-table tbody > tr.item').size()) {
																	 var item = $('<tbody>');
																	 $(d).find('.shopping-cart-table tbody > tr.item').each(function() {
																	 if($(this).find('.good_name').length) {
																		 var col = $('<td>').addClass('t_right v_align_top').append($(this).find('.input-text').val() + " x ");
																		 var name = $('<td>').addClass('v_align_top').append($(this).find('.good_name .cartFormTbodyHeader'));
																		 item.append(($('<tr class="item">').append(col).append(name)));
																	 }
																 });
																 $('#shopping_cart_mini .inner-wrapper .table_style').html(item);
																 }
});
}, this));
return(false);
});
});

Далее чтобы все было карсиво чуть-чуть подправим код в шаблоне Корзина. А именно найдите в нем блок
<a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
					 {cart_items.GOODS_NAME}
					 <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
					 {% IFNOT cart_items.distinctive_properties_empty %}
					 <span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>
					 {% ENDIF %}
				 </a>
и замените его на
<a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
					 {cart_items.GOODS_NAME}</a>
					 <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
					 {% IFNOT cart_items.distinctive_properties_empty %}
					 <span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>
					 {% ENDIF %}
				

4) Что касаемо этой ошибки, то она у Вас присутствовала и до выполнения данной инструкции. Она связана немного с другим функционалом.
Для того чтобы ее устранить Вам необходимо в файле main.js найти блок
//ajax удаление товара из корзины
function deleteCartItem (item_id) {
$.ajax({
	 cache : false,
	 url : '/cart/delete/' + $('#' + item_id).data('mod-id') + '',
	 success: function(newData) {
и замените  его на
//ajax удаление товара из корзины
function deleteCartItem (item_id) {
$.ajax({
	 cache : false,
	 url : '/cart/delete/' + $('#' + item_id).data('mod-id') + '',
	 success: function() {
	 $.get("/cart/?only_body=1", function(newData){
Чуть ниже найдите блок
$('#header .shopping_cart_block').html(nd.find('.shopping_cart_block').html());
	 },
	 error: function() {
и замените его на
$('#header .shopping_cart_block').html(nd.find('.shopping_cart_block').html());
	 })
	 },
	 error: function() {



#221645 Выпадающий Список Модификаций

Отправлено Юля123 на 28 Декабрь 2015 - 12:33

Просмотр сообщенияbronko (27 Декабрь 2015 - 23:29) писал:

Спасибо, получилось.
А как покрасить фон выпадающего списка в определнный цвет? Чтобы он выделялся на странице

Здравствуйте, в main.css найдите код:

.select-box select {height: 27px;padding: 5px;margin: 0;font-size: 12px;color: #333;cursor: pointer;border: none;background: rgba(225,225,225,0) url('{ASSETS_IMAGES_PATH}bg-dropdown-select.png?design=movement') no-repeat 100% 50%;}

в этом коде свойство background: rgba(225,225,225,0) url('{ASSETS_IMAGES_PATH}bg-dropdown-select.png?design=movement') no-repeat 100% 50%; отвечает за фон выпадающего списка.


Чтобы поменять цвет, вам нужно изменить значение rgba(225,225,225,0). А именно, обязательно  изменить значение 0 - это прозрачность, (0 - полностью прозрачный, 1- полностью непрозрачный).

Первые три значения - это код цвета. Меняйте на значения нужные Вам.


Пример при  rgba(225,225,225,0.5)  выглядит так:
QIP Shot - Screen 084.png


#204203 Выпадающий Список Модификаций

Отправлено Vaccina на 08 Июль 2015 - 01:49

Простите за ожидание.

1. В шаблоне Товар найдите:
<!-- Блок выбора модификаций для текущей товарной позиции -->
		<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 %}
		  <strong>{goods_modifications_properties.NAME}:</strong><br />
				  <span class="select-box">
			<select id="needfontsize" name="form[properties][]">
		{% 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>
				  </span>
		{% ENDIF %}
		{% ENDFOR %}
		</div>
			<div class="clear"></div>				   
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
	   <input type="hidden" name="id" value="{goods_modifications.ID}" />
	   <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
	   <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
	   <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
	   <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
	   <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
	   <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
	   <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
	   <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
	   <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
	   <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
	   <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
	   <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
			</div>
		  {% ENDFOR %}
		  <div class="clear"></div>
		 
	 <!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	  {GOODS_MOD_DESCRIPTION}
	 </div>
		  <div class="clear"></div>
	</div>

переместите данный код, расположив после:
<!-- /Старая цена -->
		</div>
	 
	 <!-- По этому значению производится заказ товара -->
	 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
 
		<!-- Добавление в корзину -->
		<div class="cart">

далее в style.css добавьте:
.goodsDataMainModificationsBlock.description {
  float: left;
  margin: -10px 10px 0 0;
  display: inline-block;
}

2-3. В style.css найдите:
#needfontsize {
  font-size: 17px;
}
замените на:
#needfontsize {
  font-size: 17px;
  height: auto;
}

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


#182637 Позиции Которых Нет В Наличии

Отправлено Vaccina на 16 Январь 2015 - 03:09

Для изменения кнопок при поиске, необходимо произвести аналогичные изменения из шаблона Товары в шаблоне Поиск