Rofy (29 Март 2018 - 20:13) писал:
1)перенести иконки (поиск, корзина) в самый правый край.
2)Увеличинть размер иконки корзина в 2 раза и шрифт "корзина" сделать жирным
3)иконку (телефон) удалить вообще, вместо неё выставить номер телефона
4)Разместить номер телефона большими цифрами на странице, как показано на скриншоте
5)на слайды добавить кнопки (далее и назад)
6)добавленные кнопки сделать прямоугольниками с обрезанными (закруглёнными краями)
7)сделать кнопки зелёными (под цвет шапки сайта) с белыми стрелками, как на скрине (на скрине они чёрные)
8)Функцию слайдера не трогать, оставить автоматическое и ручное управление слайдами
9)убрать надпись Shop-sell24
Здравствуйте.
1) В самый правый край их перенести нельзя, т.к. этот правый край есть не у всех. У кого мониторы уже 1400px, или браузер не на полный экран, этого свободного пространства нет
2) В шаблоне main.css замените код:
.header .cart-header {
font-size: 12px;
margin: 0 -16px 0 -1px;
white-space: normal;
}
на
.header .cart-header {
font-size: 24px;
margin: 0 -16px 0 -1px;
white-space: normal;
}
Там же замените:
.header .cart-header .dropdown-toggle .icon-basket {
display: inline-block;
height: 22px;
margin: 1px 8px 0 0;
vertical-align: top;
width: 16px;
line-height: 1;
}
на
.header .cart-header .dropdown-toggle .icon-basket {
display: inline-block;
height: 22px;
margin: 1px 8px 0 0;
vertical-align: top;
width: 16px;
line-height: 1;
font-size:40px;
}
3-4) В шаблоне HTML удалите код:
<!-- Телефон при нажатии -->
<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="phone-header hidden-600">
<a href="#" title="Наш контактный телефон">
<span class="icon-mobile"></span>
</a>
</div>
на
<!-- Иконка телефона -->
<div class="phone-header">
<a href="#" title="Наш контактный телефон">
{% 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>
{% ENDIF %}
</a>
</div>
После изменений напишите нам, поправим что не так отображается и дадим дальнейшие инструкции, иначе весь сайт может сразу "поехать"
0
