Внимание! Важная информация!

Для обращения в службу тех. поддержки используйте электронную почту joomla-zone@yandex.ru

Обновление шаблона JZ SHOP4 "jLITE": добавлена адаптивная версия

Сменить домен Переезжаете? Заполните форму!
Документация по работе с шаблонами
Личный кабинет
Узнайте Вашу скидку!

Режим работы технической поддержки

понедельник-пятница: 11:00 - 17:00
суббота-воскресенье:
выходной В выходные дни обрабатываются только экстренные случаи. Не критические обращения будут рассмотрены согласно регламенту в первый рабочий день
Отдел продаж нет на связи Извините, в данный момент никто не сможет ответить на Ваш звонок
База знаний Уроки по работе с Joomla 3
Заказать сайт Хотите уникальный сайт?

Мы рекомендуем хостинг

300x250 7

Обновление шаблона JZ SHOP4 "jLITE": добавлена адаптивная версия

Друзья! Сегодня вышло первое обновление для нашего нового шаблона JZ SHOP4 "jLITE".

Что нового?

  • добавлена адаптивная версия для корректного отображения сайта на планшетах и мобильных устройствах.
  • исправлены мелкие недочеты в коде и верстке

Как обновить?

ОБЯЗАТЕЛЬНО!

Перед любыми обновлениями делаем бекап всего сайта

  1. Скачиваем новый архив с шаблоном.
  2. Заменяем файлы
    1. templates/jz_shop4/ index.php
    2. templates/jz_shop4/css/ _styles.css
    3. modules/mod_vm_cart/assets/css/style.css
    4. templates/jz_shop4/ error.php
    5. Если Вы не меняли стандартное цветовое решение шаблона то templates/jz_shop4/css/ style1.css, если меняли дизайн шаблона, то ниже будет описание кода, а точнее что именно нужно заменить в этом файле.
  3. Добавляем файлы
    1. templates/jz_shop4/css/responsive.css
    2. Картинки templates/jz_shop4/images
      1. arrow_left.png
      2. arrow_left-return.png
      3. menu-open.png
  4. Если меняли дизайн! внести в файл стилей следующие изменения

Если меняли дизайн шаблона то необходимо внести следующие изменения в файл 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;
}

Оставить отзыв


Защитный код Обновить

Последние новости Joomla-ZONE.ru

Ключевое ?лово
Корзина пуста