0
Изменения В Шапке
Автор МихаилДолматов, 11 авг. 2019 15:09
Сообщений в теме: 7
#1
Отправлено 11 Август 2019 - 15:09
#2
Отправлено 13 Август 2019 - 08:27
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перед ним вставьте:
Далее зайдите в main.css - найдите:
после него вставьте:
Далее зайдите в main.js - в самом конце вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> <!-- /Контакты --> <!-- Инструменты --> <div class="header-tools col-lg-3 col-md-2 col-xs-6">
перед ним вставьте:
<div class="clear"></div> <div class="orders_today"><i class="fal fa-shopping-cart" aria-hidden="true"></i> Заказов сегодня: <span>185</span></div> <div class="clients_today"><i class="fal fa-user" aria-hidden="true"></i> Покупателей сегодня: <span>2550</span></div>
Далее зайдите в main.css - найдите:
/** Контакты **/ .header-contacts .header-phoneNum {display: inline-block;vertical-align: middle;margin-right: 15px;font-size: 18px;font-family: 'Cera Round Pro',Arial,sans-serif} .header-contacts .header-phoneNum ~ .header-phoneNum {display: none} .header-contacts .header-phoneSub {margin-top: 3px;color: #b1bfc8} .header-contacts .header-phoneCallback {color: #4c1e8a;} .header-contacts .header-phoneCallback:hover {color: #ff0098;}
после него вставьте:
.header-contacts .orders_today, .header-contacts .clients_today {display: inline-block;font-size: 12px;} .header-contacts .orders_today {margin-right: 10px;}
Далее зайдите в main.js - в самом конце вставьте:
$(function(){ var orders = 185; var clients = 2550; var timer = setInterval(function () { orders += 1; clients += 1; $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); }, 120000); });
#3
Отправлено 13 Август 2019 - 13:02
#4
Отправлено 13 Август 2019 - 13:29
Vaccina (13 Август 2019 - 08:27) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перед ним вставьте:
Далее зайдите в main.css - найдите:
после него вставьте:
Далее зайдите в main.js - в самом конце вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> <!-- /Контакты --> <!-- Инструменты --> <div class="header-tools col-lg-3 col-md-2 col-xs-6">
перед ним вставьте:
<div class="clear"></div> <div class="orders_today"><i class="fal fa-shopping-cart" aria-hidden="true"></i> Заказов сегодня: <span>185</span></div> <div class="clients_today"><i class="fal fa-user" aria-hidden="true"></i> Покупателей сегодня: <span>2550</span></div>
Далее зайдите в main.css - найдите:
/** Контакты **/ .header-contacts .header-phoneNum {display: inline-block;vertical-align: middle;margin-right: 15px;font-size: 18px;font-family: 'Cera Round Pro',Arial,sans-serif} .header-contacts .header-phoneNum ~ .header-phoneNum {display: none} .header-contacts .header-phoneSub {margin-top: 3px;color: #b1bfc8} .header-contacts .header-phoneCallback {color: #4c1e8a;} .header-contacts .header-phoneCallback:hover {color: #ff0098;}
после него вставьте:
.header-contacts .orders_today, .header-contacts .clients_today {display: inline-block;font-size: 12px;} .header-contacts .orders_today {margin-right: 10px;}
Далее зайдите в main.js - в самом конце вставьте:
$(function(){ var orders = 185; var clients = 2550; var timer = setInterval(function () { orders += 1; clients += 1; $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); }, 120000); });
Здравствуйте, к сожалению код работает не корректно, цифры не изменяются каждые 2 минуты, напомню что нужно сделать так чтобы каждый день, можно с часу ночи, чтобы цифры опять возвращались в исходную точку 185 и 2550 и начинали добавляться по 2 и там и там каждые 2 минуты. по поводу расположения хотелось бы тоже подправить: сейчас вот так - хотелось бы чтобы распологалось все вот так : - спасибо
Наблюдая заметил что цифры изменяются но не каждые 2 минуты) а также при обновлении страницы цифры не должны сбрасываться. Спасибо!
#5
Отправлено 13 Август 2019 - 13:42
МихаилДолматов (13 Август 2019 - 13:29) писал:
Здравствуйте, к сожалению код работает не корректно, цифры не изменяются каждые 2 минуты, напомню что нужно сделать так чтобы каждый день, можно с часу ночи, чтобы цифры опять возвращались в исходную точку 185 и 2550 и начинали добавляться по 2 и там и там каждые 2 минуты. по поводу расположения хотелось бы тоже подправить: сейчас вот так - Безымянный266.png хотелось бы чтобы распологалось все вот так : - изменения3.png спасибо
#6
Отправлено 15 Август 2019 - 08:31
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(function(){ var orders = 185; var clients = 2550; var timer = setInterval(function () { orders += 1; clients += 1; $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); }, 120000); });
замените на:
$(function(){ function add() { var d = new Date(); var hour = d.getHours(); var min = d.getMinutes(); var orders = Math.round(((hour * 60) + min) / 2 + 185); var clients = Math.round(((hour * 60) + min) / 2 + 2550); $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); } setInterval(add, 1000); });
далее зайдите в main.css - найдите:
.header-contacts .orders_today, .header-contacts .clients_today {display: inline-block;font-size: 14px;} .header-contacts .orders_today {margin-right: 15px;}
замените на:
.header-contacts .orders_today, .header-contacts .clients_today {float:left;font-size: 11px;margin-top: 10px;} .header-contacts .orders_today {margin-right: 10px;}
#7
Отправлено 15 Август 2019 - 18:37
Vaccina (15 Август 2019 - 08:31) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(function(){ var orders = 185; var clients = 2550; var timer = setInterval(function () { orders += 1; clients += 1; $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); }, 120000); });
замените на:
$(function(){ function add() { var d = new Date(); var hour = d.getHours(); var min = d.getMinutes(); var orders = Math.round(((hour * 60) + min) / 2 + 185); var clients = Math.round(((hour * 60) + min) / 2 + 2550); $(".header-contacts .orders_today span").text(orders); $(".header-contacts .clients_today span").text(clients); } setInterval(add, 1000); });
далее зайдите в main.css - найдите:
.header-contacts .orders_today, .header-contacts .clients_today {display: inline-block;font-size: 14px;} .header-contacts .orders_today {margin-right: 15px;}
замените на:
.header-contacts .orders_today, .header-contacts .clients_today {float:left;font-size: 11px;margin-top: 10px;} .header-contacts .orders_today {margin-right: 10px;}
нужно подправить -
#8
Отправлено 20 Август 2019 - 07:44
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-contacts .orders_today, .header-contacts .clients_today {float:left;font-size: 12px;margin-top: 35px;}
замените на:
.header-contacts .orders_today, .header-contacts .clients_today {float:left;font-size: 13px;margin-top: 10px;white-space: nowrap;width: 140px;}
далее найдите:
/** Контакты **/ .header-contacts .header-phoneNum {display: inline-block;vertical-align: middle;margin-right: 15px;font-size: 18px;font-family: 'Cera Round Pro',Arial,sans-serif}
замените на:
/** Контакты **/ #headerPhone{margin-top:20px;} .header-contacts .header-phoneNum {display: inline-block;vertical-align: middle;margin-right: 15px;font-size: 18px;font-family: 'Cera Round Pro',Arial,sans-serif}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных