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


Несколько Вопросов По Оформлению


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

#1 Nasjat

Nasjat

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

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

Отправлено 30 Декабрь 2016 - 00:41

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

Помогите, пожалуйста, внести изменения на сайте, так как сама я не разберусь:

1.    Как изменить логотип на сайте?
2.    Перенести контактную информацию, указанную под цифрой «2» из нижней панели в верхнюю.
3.    Убрать все, что выделено синими квадратами (о нас, слово «контакты», новости магазина, меню, информацию о компании и само серое поле).
4.    Изменить Вконтакте на Инстаграм и перенести в указанное место под цифрой 4. И как добавить виджет Инстаграма?
5.    Перенести «связь с администрацией» в верхнюю панель под цифрой 5. Корзину и «Войти в ЛК» и «Избранное» убрать.
6.    Убрать «Добавить в избранное» и «добавить к сравнению», которое появляется при наведении курсора на товар, так же убрать избранное снизу из аккаунта под цифрой 6.

Старалась объяснить понятно, насколько это возможно.

Буду очень благодарна за оперативную помощь.

Мой аккаунт SL-403482.

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

  • Логотип, контакты.png
  • удаление избранного.png
  • удаление нижней панели.png


#2 Vaccina

Vaccina

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

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

Отправлено 31 Декабрь 2016 - 00:50

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

1. Создайте логотип в графическом редакторе, файл логотипа назовите как logo.png, далее зайдите в раздел Сайт - Редактор шаблонов - найдите и удалите файл с таим же названием и загрузите свой.

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.mainmenu .menu{display:block;width: 700px;overflow:hidden;padding:20px 5px 0 5px;float:left;}
.mainmenu.index .menu{padding:30px 0 0 160px;}

замените на:
.contactsWrp {
	width: 240px;
	float: left;
}
.menuwrp .contactsWrp a, .menuwrp .contactsWrp div {
	color: #fff !important;
}
.mainmenu .menu{display:block;width: 460px;overflow:hidden;padding:20px 5px 0 5px;float:left;}
.mainmenu.index .menu{padding:30px 0 0 160px;}

Далее зайдите в шаблон HTML найдите:
<div class="logo"><a href="http://{NET_DOMAIN}"><img width="150" src="{ASSETS_IMAGES_PATH}logo.png?design=chocolate"/></a></div>

после него вставьте:
<div class="contactsWrp">						 
			
							<!-- Первый контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
							<div>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
								{SETTINGS_STORE_PHONE_NUMBER1}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Первый контактный телефон -->
						  <!-- Второй контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							<div>							 
							  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
							   {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
							   {SETTINGS_STORE_PHONE_NUMBER2}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Второй контактный телефон -->
						  <!-- Третий контактный телефон -->					  
						   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							<div>							 
								<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
								 <span class="icon-phone"></span>
								 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER3}
								</a>
							</div>
						  {% ENDIF %}
						  <!--END Третий контактный телефон -->
						  <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_SKYPE %}
							   <div><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><span class="icon-skype"></span>&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						   <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_EMAIL_MAIN %}
							   <div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><span class="icon-mail"></span>&nbsp;{SETTINGS_STORE_EMAIL_MAIN}</a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						  <!-- Номер ICQ на сайте -->
							{% IF SETTINGS_STORE_ICQ %}
							  <div class="ficq">
								<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
								<span>{SETTINGS_STORE_ICQ}</span>
							  </div>
							{% ENDIF %}
						  <!--END Номер ICQ на сайте -->   
						  <!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
					 
			</div><!--END contactsWrp  -->

3-4.В шаблоне HTML найдите:
<div class="footer first">
  <div class="footercontent">
	<div class="col4">
	  <h3 class="footerHeader">О нас</h3>
	  <div>
	  Тут вам нужно написать немного информации о вашей организации и деятельности.
	  </div>
	</div>
	<div class="col4">
	   <h3 class="footerHeader">Контакты</h3>
	   <div>
		 <div class="contactsWrp">						 
			
							<!-- Первый контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
							<div>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
								{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
								{SETTINGS_STORE_PHONE_NUMBER1}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Первый контактный телефон -->
						  <!-- Второй контактный телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
							<div>							 
							  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
							  <span class="icon-phone"></span>
								<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
							   {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
							   {SETTINGS_STORE_PHONE_NUMBER2}
							  </a>
							</div>
						  {% ENDIF %}
						  <!--END Второй контактный телефон -->
						  <!-- Третий контактный телефон -->					  
						   {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
							<div>							 
								<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
								 <span class="icon-phone"></span>
								 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
								 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
								 {SETTINGS_STORE_PHONE_NUMBER3}
								</a>
							</div>
						  {% ENDIF %}
						  <!--END Третий контактный телефон -->
						  <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_SKYPE %}
							   <div><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><span class="icon-skype"></span>&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						   <!-- Контакт Skype -->
							  {% IF SETTINGS_STORE_EMAIL_MAIN %}
							   <div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><span class="icon-mail"></span>&nbsp;{SETTINGS_STORE_EMAIL_MAIN}</a></div>
							  {% ENDIF %}
						  <!--END Контакт Skype -->
						  <!-- Номер ICQ на сайте -->
							{% IF SETTINGS_STORE_ICQ %}
							  <div class="ficq">
								<img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
								<span>{SETTINGS_STORE_ICQ}</span>
							  </div>
							{% ENDIF %}
						  <!--END Номер ICQ на сайте -->   
						  <!-- Время работы магазина -->
							{% IF SETTINGS_STORE_WORK_TIME %}
							   <div title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
						   <span class="mark">Время работы:</span> {SETTINGS_STORE_WORK_TIME}
							  </div>
							{% ENDIF %}
						  <!--END Время работы магазина -->
					 
			</div><!--END contactsWrp  -->
	   </div>
	</div>
	<div class="col4">
	   <h3 class="footerHeader">Вконтакте</h3>
	   <div>
		 Место для кода виджета вконтакте
	   </div>
	</div>
   <!-- <div class="col4">
	   <h3 class="footerHeader">Обратный звонок</h3>
	<div>
	<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();">
				   <input type="hidden" name="hash" value="{HASH}" />
		 {ANTISPAM_CODE}		   
					<div class="form feedb">					 
						<div class="feedblabel" >
						  <label for="callback_person" class="required">Представьтесь, пожалуйста<em>*</em></label>						   
						</div>
						<div>
						  <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>						 
						</div>				
						<div class="feedblabel">
						<label for="callback_phone" class="required">Телефон<em>*</em></label>						
						</div>
						<div>
						 <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>					   
						</div>
						<div class="feedblabel">
						   <label for="callback_comment">Комментарий</label>
						</div>
						<div>						
						   <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea>						 
						</div>										   
					</div>			
				  <div class="indexfeedb">		
					<div class="indexfeedb_button">
						{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %}
					</div>
				  </div>
				</form> 
	</div>
	 
	</div> -->
  </div>
  <div class="clear"></div>
</div>
<div class="footer second">
  <div class="footercontent">
	<div class="col4">
	   <h3 class="footerHeader">Меню</h3>
	   <div>
		 {% FOR menu %}
		  {% FOR footer %}
			<div class="menu_main">
			  <ul>
				{% 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 %}
			  </ul>
			</div>
		  {% ENDFOR %}
		{% ENDFOR %}
	   </div>
	</div>
	<div class="col4">
	   <h3 class="footerHeader">Аккаунт</h3>
	   <div>
		 <div class="menu_main">
		   <ul>
			 <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_FAVORITES_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}">Избранное</a></li>
			 <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}">Личный кабинет</a></li>
			 <li><a href="{FEEDBACK_URL}">Связь с администрацией</a></li>
			 <li><a href="{CALLBACK_URL}">Обратный звонок</a></li>
		   </ul>
		 </div>
	  </div>
	</div>
	<div class="col4">
	   <h3 class="footerHeader">Новости магазина</h3>
	   <div class="menu_main">
	   <ul>
		 <li><a href="{NEWS_SHOP_URL}">Последние Новости</a></li>
		 <li><a href="{NEWS_MASS_MEDIA_URL}">Материалы СМИ</a></li>
		 <li><a href="{NEWS_ARTICLES_URL}">Статьи</a></li>
	   </ul>
	   </div>
	</div>
  <div class="clear"></div>
	<div id="back-top" style="position: fixed; bottom: 0px; right: 0px; cursor: pointer;z-index: 1000;" title="Наверх">
	  <img src="{ASSETS_IMAGES_PATH}scroll.png?design=chocolate" style="width:50px; height:50px">
	</div>
</div>
  <div class="fluid-bg" id="footer-bottom">
   <div class="container">
   <div class="column full" id="footer-bottom-content">
	  <p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
		  <span>{SETTINGS_STORE_REGION}</span><br />
		  <span>Все права защищены</span><br />
		  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}

замените на:
<div class="footer second">
  <div class="footercontent">
	<div class="col4">
	   <h3 class="footerHeader">Instagram</h3>
	   <div>
		 Место для кода виджета вконтакте
	   </div>
	</div>
	<div class="col4">
	   <h3 class="footerHeader">Аккаунт</h3>
	   <div>
		 <div class="menu_main">
		   <ul>
			 <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_FAVORITES_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}">Избранное</a></li>
			 <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}">Личный кабинет</a></li>
			 <li><a href="{FEEDBACK_URL}">Связь с администрацией</a></li>
			 <li><a href="{CALLBACK_URL}">Обратный звонок</a></li>
		   </ul>
		 </div>
	  </div>
	</div>
  <div class="clear"></div>
	<div id="back-top" style="position: fixed; bottom: 0px; right: 0px; cursor: pointer;z-index: 1000;" title="Наверх">
	  <img src="{ASSETS_IMAGES_PATH}scroll.png?design=chocolate" style="width:50px; height:50px">
	</div>
</div>
  <div class="fluid-bg" id="footer-bottom">
   <div class="container">
   <div class="column full" id="footer-bottom-content">
	  <p class="copy">
		  <span>Все права защищены</span><br />
		  {COPYRIGHT_FOR_DESIGN_CHOCOLATE}

Вместо текста "Место для кода виджета вконтакте" вставьте код виджета.

5. В разделе Сайт - Меню вы можете удалить ненужные пункты. Далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<ul class="hmenu left">
			  <li class="hideLowRes"><a href="{%IF CLIENT_IS_LOGIN%}{USER_FAVORITES_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-heart2 icon"></span>&nbsp;&nbsp;Избранное</a></li>
			  <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-user2 icon"></span>&nbsp;&nbsp;Личный кабинет</a></li>
			  <li><a href="{CART_URL}"><span class="icon-cart3 icon"></span>&nbsp;&nbsp;Корзина</a></li>
			   {% IF CLIENT_IS_LOGIN %}		
			  <li><a href="{USER_LOGOUT_URL}"><span class="icon-box-add icon"></span>&nbsp;&nbsp;Выход</a></li>
			 {%ELSE%}		  
			  <li><a href="{USER_REGISTER_URL}"><span class="icon-quill icon"></span>&nbsp;&nbsp;Регистрация</a></li>
			 {%ENDIF%}
			</ul> 

замените на:
<ul class="hmenu left">
			  <li><a href="{%IF CLIENT_IS_LOGIN%}{USER_SETTINGS_URL}{%ELSE%}{USER_REGISTER_URL}{%ENDIF%}"><span class="icon-user2 icon"></span>&nbsp;&nbsp;Личный кабинет</a></li>
			  <li><a href="{CART_URL}"><span class="icon-cart3 icon"></span>&nbsp;&nbsp;Корзина</a></li>
			   {% IF CLIENT_IS_LOGIN %}		
			  <li><a href="{USER_LOGOUT_URL}"><span class="icon-box-add icon"></span>&nbsp;&nbsp;Выход</a></li>
			 {%ELSE%}		  
			  <li><a href="{USER_REGISTER_URL}"><span class="icon-quill icon"></span>&nbsp;&nbsp;Регистрация</a></li>
			 {%ENDIF%}
	<li><a href="{FEEDBACK_URL}">Связь с администрацией</a></li>
			</ul> 

6. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.add_to_wishlist_small, .add_to_compare_small {
	display: block;
}

замените на:
.add_to_wishlist_small, .add_to_compare_small {
	display: none;
}


#3 Nasjat

Nasjat

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

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

Отправлено 01 Январь 2017 - 22:29

Большое спасибо за скорый ответ. Все получилось.

Появилась еще пара вопросов:

1. Добавила яндекс.метрику  
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
	 (w[c] = w[c] || []).push(function() {
		 try {
			 w.yaCounter41540074 = new Ya.Metrika({
				 id:41540074,
				 clickmap:true,
				 trackLinks:true,
				 accurateTrackBounce:true
			 });
		 } catch(e) { }
	 });
	 var n = d.getElementsByTagName("script")[0],
		 s = d.createElement("script"),
		 f = function () { n.parentNode.insertBefore(s, n); };
	 s.type = "text/javascript";
	 s.async = true;
	 s.src = "https://mc.yandex.ru/metrika/watch.js";
	 if (w.opera == "[object Opera]") {
		 d.addEventListener("DOMContentLoaded", f, false);
	 } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/41540074" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
но она не отображается на сайте, что делать?

2. Как увеличить логотип? Я меняла разрешение, но в случае, если изображение более высокое, то выезжает за пределы темного поля.

Спасибо.

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

  • kjujnbg.png


#4 Nasjat

Nasjat

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

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

Отправлено 09 Январь 2017 - 00:54

Здравствуйте! В дополнение к предыдущим вопросам у меня возникли следующие:

3. На экранах смартфонов, телефонов, планшетов логотип выезжает в центр экрана, происходит смещение контактов, и верхняя закрепленная панель сверху его закрывает. Можно ли это исправить?

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

5. Как сделать сортировку статей по алфавиту, и добавить категории из букв, в которые будут включены статьи. Но чтобы буквы без статей были неактивны, но показаны. Скрин с примером прилагается.

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

  • Screenshot_2017-01-09-00-33-22.jpg
  • Screenshot_2017-01-09-00-33-39.jpg
  • алфавит.png


#5 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 09 Январь 2017 - 14:41

Просмотр сообщенияNasjat (01 Январь 2017 - 22:29) писал:

Большое спасибо за скорый ответ. Все получилось.

Появилась еще пара вопросов:

1. Добавила яндекс.метрику  
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
	 (w[c] = w[c] || []).push(function() {
		 try {
			 w.yaCounter41540074 = new Ya.Metrika({
				 id:41540074,
				 clickmap:true,
				 trackLinks:true,
				 accurateTrackBounce:true
			 });
		 } catch(e) { }
	 });
	 var n = d.getElementsByTagName("script")[0],
		 s = d.createElement("script"),
		 f = function () { n.parentNode.insertBefore(s, n); };
	 s.type = "text/javascript";
	 s.async = true;
	 s.src = "https://mc.yandex.ru/metrika/watch.js";
	 if (w.opera == "[object Opera]") {
		 d.addEventListener("DOMContentLoaded", f, false);
	 } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/41540074" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
но она не отображается на сайте, что делать?

2. Как увеличить логотип? Я меняла разрешение, но в случае, если изображение более высокое, то выезжает за пределы темного поля.

Спасибо.
Здравствуйте.

1) Данный код счетчика не подразумевает вывод информера на сайте. Поэтому Вам при генерации кода необходимо поставить галочку Информер для отображения картинки метрики.
2) В данном шаблоне не предусмотрен большой логотип. Вы можете его немного увеличить. Для этого в шаблоне HTML найдите строку
<div class="logo"><a href="http://{NET_DOMAIN}"><img width="150" src="{ASSETS_IMAGES_PATH}logo.png?design=chocolate"/></a></div>
и замените ее на
<div class="logo"><a href="http://{NET_DOMAIN}"><img width="150" src="{ASSETS_IMAGES_PATH}logo.png?design=chocolate"/></a></div>
Если делать его еще больше, то он будет налезать на телефону, что приведет к необходимости переверстывать абсолютно всю шапку.

3) В файле main.css найдите строку
.menuwrp {
padding: 90px 0 30px 0;
}
и замените ее на
.menuwrp {
padding: 135px 0 30px 0;
}

Так же найдите строку
.menuwrp {
padding: 45px 0 15px 0;
}
и замените ее на
.menuwrp {
padding: 90px 0 15px 0;
}
Далее найдите строку
@media only screen and (max-width: 1220px) and (min-width: 1024px)
и сразу после нее вставьте блок
.logo {
height: 150px;;
}

4) В файле main.css найдите строку
@media only screen and (max-width: 485px) and (min-width: 320px)
и сразу после нее вставьте блок
.header {
position: absolute;
}

5) Вывести такую строку можно, но фильтровать статьи таким образом не получиться.

#6 Nasjat

Nasjat

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

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

Отправлено 09 Январь 2017 - 17:05

Здравствуйте!
С 1.и 5. понятно.

Со 2. Пунктом не очень. Вы предлагаете строку заменить на такую же, прошу прощения, но я не увидела разницы между ними, хотя и сделала все как Вы написали. Но ничего не изменилось.

3,4 тоже не изменили ничего. С экрана смартфона логотип так же выезжает, а строка с поиском так же его закрывает. Я только во 2-м пункте заменила "150" на "120", после этого логотип перестал выезжать. Но в этом случае он стал еще меньше, чем был.

Можно ли закрепить верхнюю строку с поиском для смартфонов? Если нельзя, то давайте закрепим ее и для ПК тоже.

Спасибо.

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

  • Screenshot_2017-01-09-16-27-12.png


#7 Danil

Danil

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

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

Отправлено 18 Январь 2017 - 18:46

Просмотр сообщенияNasjat (09 Январь 2017 - 17:05) писал:

Здравствуйте!
С 1.и 5. понятно.

Со 2. Пунктом не очень. Вы предлагаете строку заменить на такую же, прошу прощения, но я не увидела разницы между ними, хотя и сделала все как Вы написали. Но ничего не изменилось.

3,4 тоже не изменили ничего. С экрана смартфона логотип так же выезжает, а строка с поиском так же его закрывает. Я только во 2-м пункте заменила "150" на "120", после этого логотип перестал выезжать. Но в этом случае он стал еще меньше, чем был.

Можно ли закрепить верхнюю строку с поиском для смартфонов? Если нельзя, то давайте закрепим ее и для ПК тоже.

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

#8 Nasjat

Nasjat

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

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

Отправлено 18 Январь 2017 - 21:13

Просмотр сообщенияDanil (18 Январь 2017 - 18:46) писал:


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

Большое спасибо! Так гораздо лучше.




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

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