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


Изменение Поисковой Строки


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

#1 kinetika

kinetika

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

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

Отправлено 21 Апрель 2018 - 01:20

Здравствуйте, Помогите пожалуйста сделать изменения с 1-min.png   на   2.png .

1) Уменьшить размер поисковой строки и сделать её по центру;

2) Увеличить  логотип и сдвинуть немного правее;

3) Сделать активную кнопку "корзина";

4) Переместить Вход в ЛК в право;

5) Зафиксировать номер телефона на верхней красной шапке;

6) При прокрутке сайта  снизу вверх,красная верхняя шапка всплывает. Необходимо зафиксировать.

#2 kinetika

kinetika

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

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

Отправлено 28 Апрель 2018 - 14:32

Вопрос актуальный, ответьте пожалуйста!!!

#3 Stasya

Stasya

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

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

Отправлено 04 Май 2018 - 14:52

Просмотр сообщенияkinetika (21 Апрель 2018 - 01:20) писал:

Здравствуйте, Помогите пожалуйста сделать изменения с Прикрепленный файл 1-min.png  на   Прикрепленный файл 2.png.

1) Уменьшить размер поисковой строки и сделать её по центру;

2) Увеличить  логотип и сдвинуть немного правее;

3) Сделать активную кнопку "корзина";

4) Переместить Вход в ЛК в право;

5) Зафиксировать номер телефона на верхней красной шапке;

6) При прокрутке сайта  снизу вверх,красная верхняя шапка всплывает. Необходимо зафиксировать.
Здравствуйте. Простите за длительное ожидание ответа.
1), 2), В шаблоне HTML найдите код
<!-- Шапка-->
	 <div class="header">
		 <div class="header-wrapper">
		 <div class="container">
			 <div class="row">
			 <!-- Логотип -->
			 <div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 </a>
			 </div>
			 <!-- END Логотип -->
			
			 <!-- Центральная часть шапки -->
			 <div class="col-xs-6 col-md-10 col-lg-10 right-box">
				 <div class="right-box-wrapper">
				 <!-- Иконки в шапке -->
				 <div class="header-icons">
					 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 <!-- Иконка сравнения -->
					 <div class="compare-header hidden-600">
					 <a href="{COMPARE_URL}" title="Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						 <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
					 </a>
					 </div>
					 {% ENDIF %}
					 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
					 <!-- Иконка поиска -->
				 <div class="search-header hidden-600">
					 <a href="#" title="Поиск по магазину">
					 <span class="icon-magnifier"></span>
					 </a>
				 </div> -->
					 <!-- Иконка телефона -->
					 <div class="phone-header hidden-600">
					 <a href="#" title="Наш контактный телефон">
						 <span class="icon-mobile"></span>
					 </a>
					 </div>
					 <!-- Корзина -->
					 <div class="btn-group cart-header">
					 <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						 <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						 <span>Корзина</span>
					 </a>
					 <!-- Выподающее меню корзины с выводом его содержимого -->
					
					 <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						 {% IF cart_count_empty %}
						 <span class="empty">Корзина пуста</span>
						 {% ELSE %}
						 <strong class="no-empty">В корзине</strong>
						 <span class="empty" style="display:none;">Корзина пуста</span>
						 <ul id="cart-sidebar" class="mini-products-list unstyled">
						 {% FOR cart_items %}
							 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
							 <a href="{cart_items.GOODS_URL}" class="product-image">
								 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
							 </a>
							 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								 <span class="icon-trash-o"></span>
							 </a>
							 <h4 class="product-name">
								 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
							 </h4>
							 <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
							 <div class="clearfix"></div>
							 </li>
						 {% ENDFOR %}
							 <div class="cart-button">
							 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
							 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							 </div>
						 </ul>
						 {% ENDIF %}
					 </div>
					 </div><!-- /END Корзина -->

				 </div>
				 <!-- /END Иконки в шапке -->
				
				 <!-- Каталог в меню -->
				 <div class="primary">
					 <div class="navbar navbar-default" role="navigation">
					 <!-- Кнопка каталога в меню для мобильных устройств -->
					 <button type="button" class="navbar-toggle btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" title="Показать каталог">
						 <span class="text">Каталог</span>
						 <span class="icon-bar"></span>
						 <span class="icon-bar"></span>
						 <span class="icon-bar"></span>
					 </button>
					 <!-- Каталог с подкатегориями -->
					 <div class="collapse navbar-collapse">
						 <ul class="nav navbar-nav" 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 %}">{% ENDIF %}{% ENDIF %}
							 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
								 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% 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><!-- /END Каталог с подкатегориями -->
					 </div>
				 </div>
				 <!-- /END Каталог в меню -->
				 </div>
			 </div>
			 <!-- Центральная часть шапки -->
				
			 <!-- Телефон при нажатии -->
			 <div class="phone-active col-sm-10 col-md-10">
				 <a href="#" class="close"><span>Закрыть</span>×</a>
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER1}</strong>
				 {% ELSE %}
				 <span class="no-phone">Добавьте номер телефона в Настройках</span>
				 {% ENDIF %}
			 </div>
			 <!-- Поиск при нажатии -->
			 <div class="search-active col-sm-10 col-md-10">
				 <form id="search_mini_form" action="{SEARCH_URL}" method="get">
					 <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..." maxlength="128"/>
					 <button type="submit" title="Искать" class="button search-submit">
					 <span class="icon-magnifier"></span>
					 </button>
				 </form>
			 </div>
			 <!-- END Поиск и Телефон при нажатии -->
			 </div>
		 </div>
		 </div>
	 </div>
	 <!-- /END Шапка -->
и замените его на
<!-- Шапка-->
	 <div class="header">
		 <div class="header-wrapper">
		 <div class="container">
			 <div class="row">
			 <!-- Логотип -->
			 <div class="col-xs-12 col-md-4 col-lg-4 logo-box">
				 <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 </a>
			 </div>
			 <!-- END Логотип -->
			 <div class="col-xs-12 col-md-4 col-lg-4 logo-box">
				 <!-- Поиск при нажатии -->
			 <div class="search-active">
				 <form id="search_mini_form" action="{SEARCH_URL}" method="get">
					 <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..." maxlength="128"/>
					 <button type="submit" title="Искать" class="button search-submit">
					 <span class="icon-magnifier"></span>
					 </button>
				 </form>
			 </div>
			 <!-- END Поиск и Телефон при нажатии -->
			 </div>
			 <!-- Центральная часть шапки -->
			 <div class="col-xs-12 col-md-4 col-lg-4 right-box">
				 <div class="right-box-wrapper">
				 <!-- Иконки в шапке -->
				 <div class="header-icons">
					 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 <!-- Иконка сравнения -->
					 <div class="compare-header hidden-600">
					 <a href="{COMPARE_URL}" title="Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						 <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
					 </a>
					 </div>
					 {% ENDIF %}
					 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
					 <!-- Иконка поиска -->
				 <div class="search-header hidden-600">
					 <a href="#" title="Поиск по магазину">
					 <span class="icon-magnifier"></span>
					 </a>
				 </div> -->
					 <!-- Иконка телефона -->
					 <div class="phone-header hidden-600">
					 <a href="#" title="Наш контактный телефон">
						 <span class="icon-mobile"></span>
					 </a>
					 </div>
					 <!-- Корзина -->
					 <div class="btn-group cart-header">
					 <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						 <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						 <span>Корзина</span>
					 </a>
					 <!-- Выподающее меню корзины с выводом его содержимого -->
					
					 <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						 {% IF cart_count_empty %}
						 <span class="empty">Корзина пуста</span>
						 {% ELSE %}
						 <strong class="no-empty">В корзине</strong>
						 <span class="empty" style="display:none;">Корзина пуста</span>
						 <ul id="cart-sidebar" class="mini-products-list unstyled">
						 {% FOR cart_items %}
							 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
							 <a href="{cart_items.GOODS_URL}" class="product-image">
								 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
							 </a>
							 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								 <span class="icon-trash-o"></span>
							 </a>
							 <h4 class="product-name">
								 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
							 </h4>
							 <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
							 <div class="clearfix"></div>
							 </li>
						 {% ENDFOR %}
							 <div class="cart-button">
							 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
							 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							 </div>
						 </ul>
						 {% ENDIF %}
					 </div>
					 </div><!-- /END Корзина -->

				 </div>
				 <!-- /END Иконки в шапке -->
				
				 <!-- Каталог в меню -->
				 <div class="primary">
					 <div class="navbar navbar-default" role="navigation">
					 <!-- Кнопка каталога в меню для мобильных устройств -->
					 <button type="button" class="navbar-toggle btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" title="Показать каталог">
						 <span class="text">Каталог</span>
						 <span class="icon-bar"></span>
						 <span class="icon-bar"></span>
						 <span class="icon-bar"></span>
					 </button>
					 <!-- Каталог с подкатегориями -->
					 <div class="collapse navbar-collapse">
						 <ul class="nav navbar-nav" 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 %}">{% ENDIF %}{% ENDIF %}
							 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}">
								 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% 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><!-- /END Каталог с подкатегориями -->
					 </div>
				 </div>
				 <!-- /END Каталог в меню -->
				 </div>
			 </div>
			 <!-- Центральная часть шапки -->
				
			
			
			 </div>
		 </div>
		 </div>
	 </div>
	 <!-- /END Шапка -->

3) По поводу активной кнопки не очень Вас поняла. Прошу Вас уточнить, что необходимо сделать.
4), 5)  В шаблоне HTML найдите код
<!-- Верхрнее меню в левой части шапки -->
			 <div class="col-xs-12 col-sm-12">
и после него вставьте код
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div>
<div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>
В конец файла main.css добавьте код
.phoneSite{
position: absolute;
right: 85px;
top: 5px;
font-weight: bold;
}
.userLk {
position: absolute;
top: 5px;
right: 0;
}
.userLk a{color:#fff}
Пункт меню Войти в ЛК удалите из Верхнего меню в разделе Сайт-> Меню.


6) В файле main.css найдите код
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
и после него добавьте код
body.fixed-header.hidden-top.loaded.fixed div#top-box {position:fixed;margin-top:0}


#4 kinetika

kinetika

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

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

Отправлено 04 Май 2018 - 18:14

4) 5) В коде HTML

Ошибка компиляции шаблона. Не верный синтаксис. Неожиданный тег «ENDIF». Строка 87



#5 Vaccina

Vaccina

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

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

Отправлено 08 Май 2018 - 08:19

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

4,5. Вместо:
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div>
<div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>

используйте:
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div>
<div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>





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

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