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


Шапка


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

#1 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 30 Март 2018 - 12:44

можно ли мне помочь?!
в шапке: 1- номер телефона прикрепить
2- написать минимальная сумма заказа 800 рублей, все как на скриншоте.
В мобильной версии сделать так :
3 - перенести шапку в кнопку каталога как на скриншоте "моб 2" с пунктами: Главная, Корзина, Каталог, Контакты, Доставка, Войти в ЛК.
4- после того как удалится шапка, поднять все содержимое и вверху написать номер телефона +7 (4832) 32-13-79
5- написать минимальную сумму заказа: 800 рублей
спасибо.

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

  • мобильная.jpg
  • нннннн.png
  • моб 2.png


#2 Юрий32

Юрий32

    Продвинутый пользователь

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

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

Может ли кто помочь??

#3 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Верхнее меню -->
						 <div class="block-menu">
						 <ul class="block-menu-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 class="block-phone">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="block-phone-contact"><em class="fa fa-phone">&nbsp;</em><span><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></span></p>{% ENDIF %}</div>
    
                        
далее найдите:
 <!-- Поиск -->
			  <div class="form-search">
				<div class="search-title rhombus">
				  <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
				</div>
				<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
				</form>
			  </div>
              
после него пропишите:
<div class="block_min">Минимальная сумма заказа: 800руб.</div>

далее зайдите в main.css - найдите:
/* Личный кабинет */
.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center;}


перед ним пропишите:
.block_min{float: right;clear: both;color: #3E7A25;}

далее найдите:
.header-top {padding: 15px 0;height: 68px;background-color: #fcfcfc;}

замените на:
.header-top {padding: 15px 0;height: 88px;background-color: #fcfcfc;}

далее найдите:
.callback-form div label {line-height: 20px;}
.header-top .block-phone {display: none;}

замените на:
.callback-form div label {line-height: 20px;}
.header-top .block-menu {display: none;}
.header-top .block-phone .block-phone-contact{display: block;background: none;box-shadow: none;font-size: 14px;}
.header-top .block-cart{position: absolute;right: 0;top: 90px;}  
.header-top .form-search{position: absolute;right: 0;top: 135px;}  
.header-top .block_min{width: 50%;}


#4 Юрий32

Юрий32

    Продвинутый пользователь

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

Отправлено 09 Апрель 2018 - 12:53

спасибо за ответ.
только минимальная сумма заказа не видна, нужно поднять выше.
и изменить цвет номера телефона.
в мобильной версии перенести шапку в кнопку каталога как на скриншоте "моб 2" с пунктами: Главная, Корзина, Каталог, Контакты, Доставка, Войти в ЛК.

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

  • Безымянныйоо.png
  • моб 2.png


#5 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

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

после него пропишите:
.header-top .block-phone p{margin-bottom: 0;}
.header-top .block-phone p a, .header-top .block-phone p em{color:#3E7A25;}

далее зайдите в шаблон HTML - найдите:
<div id="menu_offcanvas" class="offcanvas">
				  <div class="canvas-title">
					<i class="fa fa-bars"></i>
					<span class="title">Каталог</span>
					<i class="fa fa-times"></i>
				  </div>
				  <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">{% 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.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{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>
                  
после него пропишите:
<ul class="mainnav">
					{% FOR menu %}
					  {% FOR header %}
						  {% FOR links %}
							<li class="level0  subhead"><a class="title-lv0 " href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>





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

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