Сообщений в теме: 7

[МихаилДолматов]

Здравствуйте! На слайде все обьяснил) -

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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);
});

[МихаилДолматов]

[МихаилДолматов]

Vaccina (13 Август 2019 - 08:27) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 минуты) а также при обновлении страницы цифры не должны сбрасываться. Спасибо!

[МихаилДолматов]

МихаилДолматов (13 Август 2019 - 13:29) писал:

Здравствуйте, к сожалению код работает не корректно, цифры не изменяются каждые 2 минуты, напомню что нужно сделать так чтобы каждый день, можно с часу ночи, чтобы цифры опять возвращались в исходную точку 185 и 2550 и начинали добавляться по 2 и там и там каждые 2 минуты. по поводу расположения хотелось бы тоже подправить: сейчас вот так - Безымянный266.png хотелось бы чтобы распологалось все вот так : - изменения3.png  спасибо

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

[МихаилДолматов]

Vaccina (15 Август 2019 - 08:31) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

нужно подправить -

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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}