(function() {
// Lista de vendas. Ajuste conforme seus produtos e clientes.
var sales = [
{ buyer: 'Joao S.', product: 'Rhinoceros 8', location: 'Sao Paulo, SP' },
{ buyer: 'Maria L.', product: 'AutoCAD 2024', location: 'Rio de Janeiro, RJ' },
{ buyer: 'Carlos A.', product: 'SketchUp Pro', location: 'Belo Horizonte, MG' },
{ buyer: 'Ana P.', product: 'Revit 2025', location: 'Porto Alegre, RS' },
{ buyer: 'Fernanda M.', product: 'Lumion 12', location: 'Curitiba, PR' }
];
var current = 0;
var displayDuration = 5000; // tempo em ms que cada notificacao fica visivel
var interval = 10000; // intervalo entre notificacoes (ms)
// Cria ou obtem o container de notificacoes no canto inferior esquerdo
function getContainer() {
var container = document.querySelector('.sale-notification-container');
if (!container) {
container = document.createElement('div');
container.className = 'sale-notification-container';
container.style.position = 'fixed';
container.style.bottom = '20px';
container.style.left = '20px';
container.style.zIndex = '10000';
container.style.pointerEvents = 'none';
document.body.appendChild(container);
}
return container;
}
// Mostra uma notificacao e a remove apos displayDuration
function showNotification(sale) {
var container = getContainer();
var notification = document.createElement('div');
notification.className = 'sale-notification';
notification.style.background = '#ffffff';
notification.style.color = '#333333';
notification.style.border = '1px solid #dddddd';
notification.style.boxShadow = '0 2px 8px rgba(0,0,0,0.15)';
notification.style.padding = '12px 16px';
notification.style.marginTop = '8px';
notification.style.borderRadius = '6px';
notification.style.fontSize = '14px';
notification.style.minWidth = '250px';
notification.style.maxWidth = '300px';
notification.style.lineHeight = '1.4';
notification.style.pointerEvents = 'auto';
notification.style.opacity = '0';
notification.style.transition = 'opacity 0.5s ease';
notification.innerHTML = '' + sale.buyer + ' comprou ' + sale.product + ' em ' + sale.location + '!';
container.appendChild(notification);
// fade-in
setTimeout(function() {
notification.style.opacity = '1';
}, 10);
// fade-out e remocao
setTimeout(function() {
notification.style.opacity = '0';
setTimeout(function() {
if (notification.parentNode) {
notification.parentNode.removeChild(notification);
}
}, 500);
}, displayDuration);
}
// Exibe uma notificacao e agenda a proxima
function cycle() {
showNotification(sales[current]);
current = (current + 1) % sales.length;
}
// Inicia a sequencia
cycle();
setInterval(cycle, interval);
})();
Acesso garantido após confirmação
Suporte técnico incluso
Entrega digital via E-mail
Ref.:
UPEQUJEPZ
|
Disponibilidade:
Imediata
Pixologic ZBrush 2024
R$ 799,00
