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


Хочу Сделать Изменения В Шаблоне "лазурь"


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

#1 Stas88

Stas88

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

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

Отправлено 03 Апрель 2018 - 23:33

Мой аккаунт 431310. Хочу чтоб Вы мне зделали так как я на фото показал как, кнопка "обратный звонок" была цветом таким как меню где доставка, ... я показал второе фото.

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

Там где иконки соц. четей, хочу чтоб при нажании на них человека перекидывало на группу фейсбука,ВК или ютуб канал или аккаунт в Инстаграм.

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

  • 123.jpg
  • fdgfgs.png


#2 Vaccina

Vaccina

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

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

Отправлено 05 Апрель 2018 - 08:15

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Верхняя часть Шапки -->
	 <div id="header-top" class="wrap">
	 <div class="container">
		 <div class="topheader-left col-md-5 col-sms-9 col-smb-6">
		 <ul class="contact-us-now">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <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></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <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></li>{% ENDIF %}
		 </ul>
		 </div>
		 <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
		 <div class="inner">
			 <div class="sns-quickaccess">
			 <div class="quickaccess-inner">
				 <span class="welcome">Добро пожаловать!</span>
				 <ul class="links">
				 {% FOR menu %}
					 {% FOR header %}
					 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
					 {% ENDFOR %}
				 {% ENDFOR %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Шапки -->
	 <!-- Основная часть Шапки -->
	 <div id="header" class="wrap">
	 <div class="container">
		 <div class="row">
		 <!-- Logo -->
		 <div id="logo" class="col-sm-4 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
			 <img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->
		 <div class="header-right col-sm-8 col-xs-12">
			 <div class="header-right-inner">
			 <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>
			 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				 <div class="form-search">
				 <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
				 <input type="hidden" name="goods_search_field_id" value="0">
				 <button type="submit" title="Искать" class="button search-submit"></button>
				 </div>
			 </form>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Основная часть Шапки -->
	 <!-- Каталог в шапке -->
	 <div id="menu" class="wrap">
	 <div class="inner">
		 <div class="container">
		 <div class="row">
			 <!-- BEGIN: Main Navigation -->
			 <div id="mainnav" class="col-md-10">
			 <div id="custommenu">
				 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				 {%IFNOT catalog_full_empty%}
					 {%FOR catalog_full%}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{catalog_full.NAME}</a>
						 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					 {%ENDFOR%}
				 {%ENDIF%}
				 </ul>
			 </div>
			 </div>
  
  
замените на:
<!-- Верхняя часть Шапки -->
	 <div id="header-top" class="wrap">
	 <div class="container">
		 <div class="topheader-right col-md-7 col-sms-3 col-smb-6">
		 <div class="inner">
			 <div class="sns-quickaccess">
			 <div class="quickaccess-inner">
				 <ul class="links">
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
				 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
				 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Верхняя часть Шапки -->
	 <!-- Основная часть Шапки -->
	 <div id="header" class="wrap">
	 <div class="container">
		 <div class="row">
		 <!-- Logo -->
		 <div id="logo" class="col-sm-6 col-xs-12">
			 <a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
			 <img src="{ASSETS_IMAGES_PATH}logo.png?design=azure" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 <div class="contacts">
			 <!-- Телефон и Режим работы -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
		 <div class="block phone">
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
		 </div>
		 {% ENDIF %}
		 <!-- Обратный звонок -->
		 <div class="block callback">
			 <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			 <div id="fancybox-callback" style="display:none">
			 <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">
				 <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">
				 <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>
				 <div class="pp">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				 <button type="submit" title="Отправить" class="button button3">Отправить</button>
			 </form>
			 </div>
		 </div>
		 <!-- Обратный звонок в шапке -->
		 <script>
			 $(".callback > a.button").fancybox({
			 'hideOnContentClick': true,
			 'title': false
			 });
		 </script>
		 <!-- /END Обратный звонок в шапке -->
		 </div>
		 </div>
		 <!-- END: Logo -->
		 <div class="header-right col-sm-6 col-xs-12">
			 <div class="header-right-inner">
			 <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>
			 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				 <div class="form-search">
				 <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
				 <input type="hidden" name="goods_search_field_id" value="0">
				 <button type="submit" title="Искать" class="button search-submit"></button>
				 </div>
			 </form>
			 <div class="clear"></div>
			 <p class="min_sum">Минимальная сумма заказа от 800 руб.</p>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 <!-- /END Основная часть Шапки -->
	 <!-- Каталог в шапке -->
	 <div id="menu" class="wrap">
	 <div class="inner">
		 <div class="container">
		 <div class="row">
			 <!-- BEGIN: Main Navigation -->
			 <div id="mainnav" class="col-md-10">
			 <div id="custommenu">
				 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
				 <li class="level0 parent"><a class="title-lv0" href="{CATALOG_URL}">Каталог</a><ul class="sub dropdown-menu">
				 {%IFNOT catalog_empty%}
					 {%FOR catalog %}{% IF catalog.LEVEL=0 %}
					 <li {% IF catalog.HIDE %}style="display:none;"{% ENDIF %} class="level1">
						 <a class="title-lv1" href="{catalog.URL}" class="title-lv1" itemprop="url">{catalog.NAME}</a>
					 </li>
					 {%ENDIF%}{%ENDFOR%}
				 {%ENDIF%}
				 </ul></li>
				 {% FOR menu %}
					 {% FOR header %}
					 {% FOR links %}{% IFNOT menu.header.links.NAME=Каталог %}
						 <li class="level0 "><a class="title-lv0 {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDIF %}{% ENDFOR %}
					 {% ENDFOR %}
				 {% ENDFOR %}
				 </ul>
			 </div>
			 </div>
  
  
далее зайдите в main.css - найдите:
#header #logo {display: block;float: left;margin-left: 0;}
#header #logo a {display: inline-block;}

после него пропишите:
#header #logo .contacts{float: right;text-align: center;}
#header .min_sum{text-align: right;}

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

#3 Stas88

Stas88

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

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

Отправлено 05 Апрель 2018 - 15:55

Спасибо, за ответ!




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

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