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


Изменения В Шапке

шапка логотип дизайн

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

#1 SOGOOD

SOGOOD

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

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

Отправлено 24 Январь 2018 - 21:51

Добрый день, подскажите как мне сделать так:
1) Логотип сместить чуть ниже
2) Верхнее меню перенести
3) Строку поиска и корзину перенести выше
Заранее спасибо за помощь!

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

  • Безымянный22.png


#2 metry

metry

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

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

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

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML.

найдите:
		  <!-- /Форма поиска -->
		  <div id="cart_block">
	  <div id="cart_block_bottom">
	   <div id="cart_block_other_costs">
		<div class="other_cost_wrapper"  style="width: 100%">
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
		   <span>Товаров </span>
		   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span>
		  {% ENDIF %}
		   <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
		</div>
	   </div>
	   <div id="cart_block_total_checkout">
		<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	   </div>
	  </div>
	 </div>
		  <div class="clear"></div>	   
		</div>
	   
		<!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}

замените 
	   

замените на:

		  <!-- /Форма поиска -->
		  <div id="cart_block">
	  <div id="cart_block_bottom">
	   <div id="cart_block_other_costs">
		<div class="other_cost_wrapper"  style="width: 100%">
				  {% IF cart_count_empty %}
					<p id="cart_block_no_products">Ваша корзина пуста</p>
				  {% ELSE %}
		   <span>Товаров </span>
		   <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
					<span>на сумму </span>
		  {% ENDIF %}
		   <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
		</div>
	   </div>
	   <div id="cart_block_total_checkout">
		<a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	   </div>
	  </div>
	 </div>
		  <!-- Блок навигации -->
		{% IFNOT menu_empty %}
		  <ul id="megamenu">
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
					<a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				  </li>
			  {% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}
		  <div class="clear"></div>	   
		</div>
	   

далее зайдите в Редактор шаблонов-->style.css и в конец кода вставьте:

@media only screen and (min-width:959px) {
#header-mob{float:left;margin-top: 64px;font-size: 20px;margin-left: 10px;}
#header-mob a{text-decoration:none;}
#header-right{float:left;height:100px;position: relative; z-index:20;;width:59%;display:inline-block;}
#header-logo{position:relative;display: block;float:left;width:30%;z-index:30;display:  inline-block;}
#header-logo a{display:block;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
#header-logo img{display: block;text-align: center;margin: 0 auto;width:100%;}
#header_shopping_cart{position: relative;width:172px;float:right;clear:both;margin-top:10px;}
  #search_block_top{position:relative;float:right;margin-top:10px;}
  #megamenu li.root_menu{padding:5px 8px 5px 8px;float: right;position:relative;text-align:  right;}
  #megamenu{position:relative;height: 40px;top: 10px;/* left: 20px; */float:  right;text-align:  right;padding-top:5px;}
}
@media (min-width:959px) and  (max-width:1210px) {
  #megamenu{position:relative;height: 40px;top: 0px;/* left: 20px; */float:  right;text-align:  right;padding-top:5px;}
 
}






Темы с аналогичным тегами шапка, логотип, дизайн

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

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