Добрый день, подскажите как мне сделать так:
1) Логотип сместить чуть ниже
2) Верхнее меню перенести
3) Строку поиска и корзину перенести выше
Заранее спасибо за помощь!
0
В теме одно сообщение
#1
Отправлено 24 Январь 2018 - 21:51
#2
Отправлено 27 Январь 2018 - 18:08
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML.
найдите:
замените на:
далее зайдите в Редактор шаблонов-->style.css и в конец кода вставьте:
найдите:
<!-- /Форма поиска --> <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 анонимных