|
Server IP : 15.235.73.161 / Your IP : 216.73.216.217 Web Server : LiteSpeed System : Linux ca808-cp.fmhospeda.com 5.14.0-570.17.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Sat May 24 12:53:17 EDT 2025 x86_64 User : thehfun1 ( 1082) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF Directory (0750) : /home/thehfun1/zepbr.shop/uploads/../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
// Habilitar exibição de erros para depuração
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
session_start();
include 'config/database.php';
// Carregar configurações
$config = json_decode(file_get_contents('config.json'), true);
// Registrar visita
$stmt_visitantes = $pdo->prepare("INSERT INTO visitantes (data) VALUES (NOW())");
$stmt_visitantes->execute();
// Atualização aqui: Ordenando os produtos por id em ordem decrescente
$stmt = $pdo->prepare("SELECT * FROM produtos ORDER BY id DESC");
$stmt->execute();
$produtos = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($config['nome_loja'] ?? 'LOJINHA 2025'); ?></title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
color: #fff;
display: flex;
flex-direction: column;
}
body {
min-height: 100vh;
padding-bottom: 60px;
<?php if ($config['fundo_tipo'] == 'cor'): ?>
background-color: <?= htmlspecialchars($config['cor_fundo'] ?? '#ffffff'); ?>;
<?php else: ?>
background-image: url('<?= htmlspecialchars($config['imagem_fundo'] ?? 'default-bg.jpg'); ?>?v=<?= time(); ?>');
background-size: cover;
<?php endif; ?>
}
main {
flex: 1;
}
.container-custom {
max-width: 100%; /* Permitir que o container utilize 100% da largura disponível */
margin: auto;
text-align: center;
padding: 20px;
}
.logo {
max-width: 200px;
margin-bottom: 20px;
}
.card {
border: none;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
background-color: #1E1E1E;
margin-bottom: 20px;
}
.card-img-top {
height: auto; /* Permitir que a altura da imagem seja ajustada automaticamente */
max-height: 200px; /* Limitar a altura máxima */
object-fit: cover;
}
.card-body {
padding: 15px;
}
.card-footer {
background-color: #1E1E1E;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
display: flex;
justify-content: space-between;
}
.btn-comprar {
width: 48%;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none !important;
background-color: <?= htmlspecialchars($config['cor_comprar'] ?? '#28a745'); ?>;
color: #fff;
transition: background-color 0.3s;
border: none;
}
.btn-comprar:hover {
background-color: #218838;
}
.btn-demo {
width: 48%;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none !important;
background-color: <?= htmlspecialchars($config['cor_demo_disponivel'] ?? '#F7073B'); ?>;
color: #fff;
transition: background-color 0.3s;
border: none;
}
.btn-demo:hover {
background-color: #D9052D;
}
.btn-disabled {
background-color: <?= htmlspecialchars($config['cor_demo_indisponivel'] ?? '#555555'); ?>;
color: #fff;
pointer-events: none;
width: 48%;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none !important;
border: none;
opacity: 0.7;
}
.preco-simbolo {
font-size: 1.5em;
font-weight: bold;
color: #F7073B;
}
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
text-decoration: none;
font-size: 30px;
}
.whatsapp-float:hover {
background-color: #128C7E;
}
.rodape {
background-color: <?= htmlspecialchars($config['cor_rodape'] ?? '#F7073B'); ?>;
color: white;
text-align: center;
padding: 20px 0;
margin-top: auto;
border-top: 3px solid #ff0000;
}
.descricao-limitada {
position: relative;
color: #ccc;
cursor: pointer;
margin-top: 10px;
text-align: left;
}
.descricao-texto {
max-height: 3.6em;
overflow: hidden;
transition: max-height 0.3s ease;
}
.descricao-limitada.expandida .descricao-texto {
max-height: 1000px;
}
.toggle-btn {
display: inline-block;
margin-top: 8px;
}
.icon {
margin-left: 5px;
transition: transform 0.3s;
}
.descricao-limitada.expandida .icon {
transform: rotate(180deg);
}
</style>
</head>
<body>
<main>
<div class="container container-custom mt-5">
<img src="<?= htmlspecialchars($config['logo'] ?? '/uploads/logo.png'); ?>?v=<?= time(); ?>" alt="Logo" class="logo">
<h2 class="mb-3"><?= htmlspecialchars($config['nome_loja'] ?? 'LOJINHA 2025'); ?></h2>
<div class="row">
<?php foreach ($produtos as $produto): ?>
<div class="col-md-4">
<div class="card">
<img src="uploads/<?= htmlspecialchars($produto['imagem']); ?>" class="card-img-top img-fluid" alt="<?= htmlspecialchars($produto['titulo']); ?>">
<div class="card-body">
<h5 class="card-title text-center"><?= htmlspecialchars($produto['titulo']); ?></h5>
<p class="text-center">
<span class="preco-simbolo">R$ <?= number_format($produto['preco'], 2, ',', '.'); ?></span>
</p>
<h6 class="text-left">Descrição do Produto</h6>
<div class="descricao-limitada" onclick="toggleDescricao(this)">
<div class="descricao-texto">
<?= nl2br(htmlspecialchars($produto['descricao'])); ?>
</div>
<span class="toggle-btn"><i class="fas fa-chevron-down icon"></i></span>
</div>
</div>
<div class="card-footer d-flex justify-content-between"> <!-- Adicionado d-flex -->
<a href="https://wa.me/<?= htmlspecialchars($config['whatsapp'] ?? '5592993970584'); ?>?text=💬%20*Estou%20interessado%20neste%20produto.*%0A%0A🛒%20*Produto:*%20<?= urlencode($produto['titulo']); ?>%0A📜%20*Descrição:*%20<?= urlencode($produto['descricao']); ?>%0A💲%20*Preço:*%20R$%20<?= number_format($produto['preco'], 2, ',', '.'); ?>" class="btn btn-comprar"><span>Comprar</span></a>
<?php if ($produto['demo_disponivel']): ?>
<a href="<?= htmlspecialchars($produto['link_demo']); ?>" class="btn btn-demo"><span>Demo disponível</span></a>
<?php else: ?>
<a href="javascript:void(0);" class="btn btn-disabled" disabled><span>Demo indisponível</span></a>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</main>
<a href="https://wa.me/<?= htmlspecialchars($config['whatsapp'] ?? '5592993970584'); ?>" class="whatsapp-float">
<i class="fab fa-whatsapp"></i>
</a>
<footer class="rodape">
© 2025 - <?= htmlspecialchars($config['nome_loja'] ?? 'LOJINHA 2025'); ?>. Todos os direitos reservados.
</footer>
<script>
function toggleDescricao(el) {
el.classList.toggle('expandida');
const icon = el.querySelector('.icon');
icon.classList.toggle('fa-chevron-down');
icon.classList.toggle('fa-chevron-up');
}
document.addEventListener("contextmenu", function(event) {
event.preventDefault();
});
</script>
</body>
</html>