Script de notificação de pessoas comprando no site

[Felipe Barros]

Falaa Rataiada!! Me tirem uma dúvida sobre Script para o Elementor, por gentileza?

 

Peguei esse Script aqui no fórum  de notificações de pessoas comprando no site:

 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>

<script>

$(document).ready(function onDocumentReady() {

var URL_FINAL = '#';

var nome = ['Luciana Oliveira', 'Marcia Araújo', 'Carolina Dias', 'Martha', 'Aline Campos', 'Luciane R Freire', 'Simone Z', 'Laura Campos', 'Carla Dias', 'Mariana Ruas', 'Jessica Ribeiro', 'Karol Lia'];

nome.sort(() => Math.random() - 0.5);

var i = 0, qtd = nome.length;

setInterval(function doThis() {

if (i == 11) return; // somente 11 eventos serão disparados

if (i == 1 || i == 8 || i == 10) {

toastr.info('<a href="' + URL_FINAL + '">Clique e Reserve sua vaga também!</a> ' + (qtd + (i * 3)) + ' novas alunas compraram nos últimos 30min.', {

timeOut: 5000,

positionClass: "toast-bottom-right",

});

}

toastr.success('<a href="' + URL_FINAL + '">Clique e Reserve sua vaga também!</a> ' + nome[i++] + ' acabou de reservar a vaga dela.', {

timeOut: 5000,

positionClass: "toast-bottom-right",

})

}, 10 * 1000); // a cada 10 segundos

});

</script>

 

Porém, as notificações de compra estão aparecendo no topo da página, como ou onde eu altero no Script para as notificações ficarem mais embaixo?

Editado Novembro 7, 2022 por Felipe Barros

[6 em 7]

up

[Juju das Vendas]

Mano, curti esse script de notificação, mas fiquei na dúvida se tem como personalizar mais essas notificações, tipo mudar a cor ou adicionar um iconezinho do lado do nome da pessoa que comprou, sabe? Como que faz isso?