Друзья! Сегодня вышло первое обновление для нашего нового шаблона JZ SHOP4 "jLITE".
Что нового?
- добавлена адаптивная версия для корректного отображения сайта на планшетах и мобильных устройствах.
- исправлены мелкие недочеты в коде и верстке
Как обновить?
ОБЯЗАТЕЛЬНО!
Перед любыми обновлениями делаем бекап всего сайта
- Скачиваем новый архив с шаблоном.
- Заменяем файлы
- templates/jz_shop4/ index.php
- templates/jz_shop4/css/ _styles.css
- modules/mod_vm_cart/assets/css/style.css
- templates/jz_shop4/ error.php
- Если Вы не меняли стандартное цветовое решение шаблона то templates/jz_shop4/css/ style1.css, если меняли дизайн шаблона, то ниже будет описание кода, а точнее что именно нужно заменить в этом файле.
- Добавляем файлы
- templates/jz_shop4/css/responsive.css
- Картинки templates/jz_shop4/images
- arrow_left.png
- arrow_left-return.png
- menu-open.png
- Если меняли дизайн! внести в файл стилей следующие изменения
Если меняли дизайн шаблона то необходимо внести следующие изменения в файл templates/jz_shop4/css/style1.css
1. удалить строчки 15 и 16 у класса header
height: 50px;
min-width: 1180px;
2. удалить строчки 29 у класса header_left .menu
height: 50px;
3. со строки 138 новые стили
.top-part {
overflow: hidden;
}
.logo {
width: 19%;
float: left;
margin-right: 30px;
}
.phone {
width: 16%;
float: left;
font-size: 26px;
font-weight: bold;
line-height: 1;
text-align: right;
margin-right: 30px;
}
.phone span {
color: #fe0000;
font-size: 16px;
font-weight: normal;
}
.rezhim {
width: 11.5%;
float: left;
font-size: 16px;
margin-right: 30px;
margin-top: 6px;
text-align: right;
}
.poisk {
min-width: 342px;
width: 28%;
text-align: center;
margin-right: 30px;
float: left;
}
.poisk input {
background: #fff url("../images/ico_lupa.png") no-repeat scroll 310px center;
width: 320px;
}
a.btn_black {
background: #000 none repeat scroll 0 0;
color: #fff;
display: block;
width: 45%;
font-family: "OpenSans";
margin-top: 10px;
padding: 8px 5px;
text-decoration: none;
vertical-align: top;
float: left;
max-width: 160px;
}
a.btn_black:hover {
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
}
a.btn_red {
background: #fe0000 none repeat scroll 0 0;
color: #fff;
display: block;
font-family: "OpenSans";
margin-top: 10px;
padding: 8px 5px;
text-decoration: none;
float: right;
width: 45%;
max-width: 160px;
}
a.btn_red:hover {
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.cart {
float: right;
}
4. строка 288 класс left_block
.left_block {
display: inline-block;
vertical-align: top;
width: 23%;
margin-right: 30px;
}
5. строка 294
.main_component {
display: inline-block;
vertical-align: top;
width: 73%;
}
6. удалить строку 505 у класса footer
min-width: 1180px;
7. строка 509
.footer_menu {
float: left;
width: 70%;
}
8. строка 512
.footer_logo {
float: right;
width: 25%;
max-width: 250px;
}
9. добавить
.footer-bottom {
float: left;
width: 50%;
}
10. строка 530
.copy {
margin-top: 20px;
font-size: 13px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
padding-right: 100px;
}
11. строка 539
.counter {
float: right;
width: 90px;
margin-top: 20px;
}
12. удалить строчку 725 у .tovar_menu li img
display: inline-block;
13. строка 728
.favor_price {
min-height: 60px;
}