МихаилДолматов (20 Октябрь 2018 - 19:15) писал:
Здравствуйте!
изменения нужно произвести только для мобильной версии сайта, прикрепляю слайд
1.) поиск сделать на одном уровне со всеми значками, и переместить в правый угол (показал на слайде)
2.) переместить кнопку с вылетающим списком категории в левый вверхний угол (показал на слайде)
3.) удалить значок меню и надпись меню , поместить меню внутрь кнопки с вылетающим списком ниже категорий, тоесть после последней категории после того как кнопка нажата и выскочили категории будет идти надпись меню а ниже ее( главная, каталог ... и тд) (показал на слайде)
4) Уменьшить лого до размеров указанных в слайде красным блоком и переместить его влево.(показал на слайде)
5)удалить надпись магазин трендовых товаров (показал на слайде)
6)добавить надпись "минимальная сумма заказа: 800 руб "(показал на слайде)
Спасибо!
NK-GBFwqsxM.jpg
Здравствуйте.
В шаблоне
main.css найдите, пожалуйста, данный блок кода:
.header-middle .logo {
text-align: center;
float: none;
max-width: 140px;
}
И замените его этим вот кодом:
.header-middle .logo {position: absolute;margin-top: -10px;width: 150px;margin-left: -50px;}
.logo-text {display: none;}
.block-menu {display: none;}
После чего, в шаблоне
html найдите следующий блок кода:
<!-- Поиск -->
<div class="form-search">
<div class="search-title rhombus">
<i class="fa fa-search" title="Поиск по магазину"> </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>
</div>
</div>
</div>
<!-- Каталог и Логотип -->
И замените его вот этим вот кодом:
<!-- Поиск -->
<div class="form-search">
<div class="search-title rhombus">
<i class="fa fa-search" title="Поиск по магазину"> </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>
<span class="minSum">Минимальная сумма заказа: 800 рублей</span>
</div>
</div>
</div>
</div>
<!-- Каталог и Логотип -->
Далее, там же, найдите, пожалуйста, данный блок кода:
<span class="minSum">Минимальная сумма заказа: 800 рублей</span>
</div>
<div id="mommenu" class="menu-offcanvas">
<span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
<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>
</div>
</div>
<!-- END: Main Navigation -->
И замените его вот этим кодом:
<span class="minSum">Минимальная сумма заказа: 800 рублей</span>
</div>
<!-- END: Main Navigation -->
Затем, всё там же, найдите, пожалуйста, следующий блок кода:
<div class="col-xs-12">
<!-- Верхнее меню -->
<div class="block-menu">
И замените его вот этим вот кодом:
<div class="col-xs-12">
<!-- Верхнее меню -->
<div id="mommenu" class="menu-offcanvas">
<span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
<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>
</div>
</div>
<div class="block-menu">
0
