Yönetim Paneli

Ana Sayfa (Sadece ana sayfada görüntülenecek tasarımdır.)

<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<div class="container my-5">
        <h2 class="text-center">Öne Çıkan Kategoriler</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <a href="kategori/heykel-hatira-setleri">
                        <img src="https://benimizim.com/dosyalar/upload/20240924_102637.jpg" class="card-img-top" alt="Kategori 1">
                    </a>
                    <div class="card-body">
                        <h5 class="card-title">Heykel & Hatıra Setleri</h5>
                        <p class="card-text">Zamanı durdurmak için setlerimize göz atın. <br>(ÜCRETSİZ KARGO)</p>
                        <a href="/kategori/heykel-hatira-setleri" class="btn btn-primary">Detaylar</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <a href="/kategori/ayakkabi-botlar">
                        <img src="https://benimizim.com/dosyalar/upload/ayakkab%C4%B1.jpg" class="card-img-top" alt="Kategori 2">
                    </a>
                    <div class="card-body">
                        <h5 class="card-title">Ayakkabı & Botlar</h5>
                        <p class="card-text">Rahatlık ve şıklık için. <br>(ÜCRETSİZ KARGO)</p>
                        <a href="/kategori/ayakkabi-botlar" class="btn btn-primary">Detaylar</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <a href="/kategori/3d-sus-hediyelikler">
                        <img src="https://benimizim.com/dosyalar/upload/3d_baykus_kapak.png" class="card-img-top" alt="Kategori 3">
                    </a>
                    <div class="card-body">
                        <h5 class="card-title">3D Süs & Hediyelik</h5>
                        <p class="card-text">3 Boyutlu Yazdırılmış Ürünler. <br>(ÜCRETSİZ KARGO/MİN 300 TL)</p>
                        <a href="/kategori/3d-sus-hediyelikler" class="btn btn-primary">Detaylar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="text-center my-4">
        <a href="https://www.trendyol.com/magaza/benimizim-m-1057477?sst=0" target="_blank" class="btn btn-lg btn-danger">
            Trendyol Mağazamız
        </a>
    </div>
</div>

<div>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Müzik Çalar</title>

</style>

<audio id="backgroundMusic" loop>
        <source src="https://benimizim.com/dosyalar/upload/AUD-20241004-WA0001%20(mp3cut.net).mp3" type="audio/mpeg">
        Tarayıcınız ses dosyasını desteklemiyor.
    </audio>

<button id="musicToggleBtn">Müziği Durdur</button>

// LocalStorage'dan müzik durumunu kontrol et
            let isMusicPlaying = localStorage.getItem("musicPlaying") === "true";

// Müzik başlatma fonksiyonu
            function startMusic() {
                audio.play().then(() => {
                    localStorage.setItem("musicPlaying", "true"); // Durumu kaydet
                    button.textContent = "Müziği Durdur";
                }).catch(error => {
                    console.log("Otomatik çalma engellendi.");
                });
            }

// Müzik durdurma fonksiyonu
            function stopMusic() {
                audio.pause();
                localStorage.setItem("musicPlaying", "false"); // Durumu kaydet
                button.textContent = "Müziği Başlat";
            }

// Müziği aç/kapat butonu
            function toggleMusic() {
                if (audio.paused) {
                    startMusic();
                } else {
                    stopMusic();
                }
            }

// Sayfa açıldığında en son durumuna göre müziği başlat veya kapat
            if (isMusicPlaying) {
                startMusic();
            } else {
                stopMusic();
            }

// Butona tıklayınca müziği aç/kapat
            button.addEventListener("click", toggleMusic);
        });
    </script>
</div>

Kaydet