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


Изменения Главной


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

#1 Irina1985

Irina1985

    Новичок

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

Отправлено 25 Январь 2018 - 12:23

Добрый день. Как сделать?

1. Как переместить логотип?
2.Добавить номер телефона второй,а после первого телефона встаить значки вайбер и вотсап?
3.Изменить цвет букв на другой?
4.Изменить цвет букв
5. Изменить цвет букв6
6. Убрать блок из шапки обратный звонок

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

  • проблема 1.jpg


#2 Irina1985

Irina1985

    Новичок

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

Отправлено 26 Январь 2018 - 06:39

ёКто нибудт ответит? где помощь админов?

#3 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2018 - 06:54

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

1, 2, 6. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="header-left">
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<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}
			  {SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}<span></span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</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>
		  </div>
		  <div class="header-right">
			<!-- Меню -->
			<div class="block menu">
			  <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			  <div class="dropdown">
				<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>
			<!-- ЛК -->
			<div class="block account">
			  <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			<!-- Поиск -->
			<div class="block search">
			  <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			  </form>
			</div>
			<!-- Сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			  <div class="title">
				<a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-compare">
				<ul id="compare-items">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
					<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					<p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
				<a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			  </div>
			</div>
			{% ENDIF %}
			<!-- Корзина -->
			<div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			  <div class="title">
				<a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-cart">
				<div class="cart-content">
				  {% IF cart_count_empty %}
				  <div class="cart-empty">Ваша корзина пуста</div>
				  {% ELSE %}
				  <ul class="cart-products-list">
					{% FOR cart_items %}
					<li class="item">
					  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					  <div class="product-details">
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
						{% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
						<div class="product-price">
						  <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						  <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						</div>
					  </div>
					</li>
					{% ENDFOR %}
				  </ul>
				  {% FOR cart_sum %}
				  <div class="subtotal">
					<span class="label">Скидка:</span>
					<span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
					<br/>
					<span class="label">Итого:</span>
					<span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				  </div>
				  {% ENDFOR %}
				  <div class="actions">
					<a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					<a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				  </div>
				  {% ENDIF %}
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <div class="logo col-md-2 col-xs-6">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-10 col-xs-12">
          
замените на:
<div class="header-left">
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %}
			<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></span></a>
			  <br/><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}<span></span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
			<div class="block logo">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  </div>
		  <div class="header-right">
			<!-- Меню -->
			<div class="block menu">
			  <div class="title" title="Меню"><i class="fa fa-home"></i></div>
			  <div class="dropdown">
				<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>
			<!-- ЛК -->
			<div class="block account">
			  <div class="title" title="Личный кабинет"><i class="fa fa-user"></i></div>
			  <div class="dropdown">
				<ul class="links">
				  {% IFNOT CLIENT_IS_LOGIN %}
				  <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-unlock-alt"></i>Вход</a></li>
				  <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  {% ELSE %}
				  <li><a href="{USER_SETTINGS_URL}"><i class="fa fa-user"></i>Мой кабинет</a></li>
				  <li><a href="{FAVORITES_URL}"><i class="fa fa-heart"></i>Избранное</a></li>
				  <li><a href="{USER_HISTORY_LIST_URL}"><i class="fa fa-history"></i>История заказов</a></li>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
				  <li><a href="{USER_LOGOUT_URL}"><i class="fa fa-unlock-alt"></i>Выход</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>
			<!-- Поиск -->
			<div class="block search">
			  <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину">
				<input type="hidden" name="goods_search_field_id" value="0">
				<input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off">
				<span class="search-submit"><button type="submit" title="Искать" class="fa fa-search"></button></span>
			  </form>
			</div>
			<!-- Сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<div class="block compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}">
			  <div class="title">
				<a href="{COMPARE_URL}" title="Перейти к Сравнению"><i class="fa fa-retweet">&nbsp;</i><span class="hide">Сравнение</span> <span class="tc"><span class="hide">(</span><span class="compare-count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-compare">
				<ul id="compare-items">
				  {% FOR compare_goods %}
				  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
					<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a>
					<p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
					<a href="#" class="dataid">{compare_goods.ID}</a>
				  </li>
				  {% ENDFOR %}
				</ul>
				<a href="{COMPARE_URL}" class="button" title="Перейти к Сравнению">Перейти к Сравнению</a>
			  </div>
			</div>
			{% ENDIF %}
			<!-- Корзина -->
			<div class="block cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			  <div class="title">
				<a href="{CART_URL}" title="Перейти в корзину"><i class="fa fa-shopping-bag">&nbsp;</i><span class="hide">Корзина</span> <span class="tc"><span class="hide">(</span><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="hide">)</span></span></a>
			  </div>
			  <div class="dropdown-cart">
				<div class="cart-content">
				  {% IF cart_count_empty %}
				  <div class="cart-empty">Ваша корзина пуста</div>
				  {% ELSE %}
				  <ul class="cart-products-list">
					{% FOR cart_items %}
					<li class="item">
					  <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove" onclick="removeFromCart($(this))"></a>
					  <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
					  <div class="product-details">
						<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-name">{cart_items.GOODS_NAME}</a>
						{% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %}
						<div class="product-price">
						  <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} x </span>
						  <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						</div>
					  </div>
					</li>
					{% ENDFOR %}
				  </ul>
				  {% FOR cart_sum %}
				  <div class="subtotal">
					<span class="label">Скидка:</span>
					<span class="price">{CART_SUM_DISCOUNT_PERCENT}%</span>
					<br/>
					<span class="label">Итого:</span>
					<span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
				  </div>
				  {% ENDFOR %}
				  <div class="actions">
					<a class="button" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a>
					<a class="button button2" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
				  </div>
				  {% ENDIF %}
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-12 col-xs-12">
          
          
Далее зайдите в main.css - найдите:
/* Телефон */
.block.phone a {font-size: 18px;font-weight: 500;color: #4B7103;}
.block.phone:hover a {color: #8C2C29;}

перед ним пропишите:
.block.logo{width: 140px;height: auto;vertical-align: top;}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu .mainnav > li > a {display: block;position: relative;color: #000;line-height: 40px;margin-right: 20px;padding: 0 3px;font-size: 16px;font-weight: normal;text-transform: uppercase;}
измените цветовое значение стиля color на необходимое.

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}

измените цветовое значение стиля color на необходимое.

5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}

после него пропишите:
#slideshow .button{color: #ffffff;}

цвет укажите необходимый.

#4 Irina1985

Irina1985

    Новичок

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

Отправлено 26 Январь 2018 - 07:42

Как подправить:
1. логотип переместить в центр. и сделать больше по размеру

2.Изменть цвет телефона и поставить значок вайбер, вотсап!

3.Как изменить цвет букв при наведении мыши?

4.Изменить цвет

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

  • прооблема 2.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 26 Январь 2018 - 08:08

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-top .header-left {float: left;}

замените на:
.header-top .header-left {float: left;width: 50%;}

далее найдите:
.block.logo{width: 140px;height: auto;vertical-align: top;}

замените на:
.block.logo{width: 200px;height: auto;vertical-align: top;float: right;margin: -15px -90px -15px 0;}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.block.phone a {font-size: 18px;font-weight: 500;color: #4B7103;}


измените цветовое значение на необходимое.

Загрузите иконки значков viber и whatsapp в раздел Сайт - Редактор шаблонов, после этого напишите нам имена файлов, чтобы мы указали точную инструкцию.

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu .mainnav li a:hover {color: #620337;}

измените цветовое значение на необходимое.

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.col-left .block > .title a {color: #8C2C29;}

измените цветовое значение на необходимое.




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

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