PHP Dosya Yöneticisi

}
</style>
<script src="<?php echo $sitetemasi; ?>/jquery-3.5.1.min.js"></script>
<script>
	$(document).ready(function() {
		$("#urun_arama").keyup(function() {
			var arananKelime = $(this).val().toLowerCase();

if (arananKelime === '') {
				$("#urunler_listesi").html('');
				$("#urunler_listesi").hide();
			} else {
				$.ajax({
					url: "urunler_api.php",
					type: "POST",
					data: {
						arama: arananKelime
					},
					success: function(sonuc) {
					    $("#urunler_listesi").show();
						$("#urunler_listesi").html(sonuc);
					}
				});
			}
		});

// Sepete ekle
		$(document).on("click", ".sepete_ekle", function(e) {
			e.preventDefault(); // Prevent the default form submission

var adi = $(this).data("urun-adi");
			var adet = $(this).closest(".urun").find(".adet").val();
			var urunid = $(this).data("urun-id");
			var bayino = "<?php echo $uyeid; ?>";

$.ajax({
				url: "sepete_ekle.php",
				type: "POST",
				data: {
					adi: adi,
					adet: adet,
					urunid: urunid,
					bayino: bayino
				},
				success: function(response) {
					// Sepet güncellendikten sonra sepeti göstermek için bir AJAX isteği daha yapılıyor
					alert(adi + " ürünü sepete eklendi 😉");
					$("#urun_arama").val(''); // Arama kutusunu temizler
					$("#urunler_listesi").html(''); // Ürün listesini temizler
					location.reload(true);
					// You don't need to reload the entire page or submit the form here
				}
			});
		});

});
</script>
<style>
    .widget-connect {
    	position: fixed;
    	bottom: 30px;
    	z-index: 999999;
    	cursor: pointer
    }
    
    .widget-connect-right {
    	right: 20px
    }
    
    @media (max-width:768px) {
    	.widget-connect-right {
    		right: 10px;
    		bottom: 10px
    	}
    }
    
    .widget-connect-left {
    	left: 20px
    }
    
    @media (max-width:768px) {
    	.widget-connect-left {
    		left: 10px;
    		bottom: 10px
    	}
    }
    
    .widget-connect.active .widget-connect__button {
    	display: block
    }
    
    .widget-connect__button {
    	display: none;
    	height: 55px;
    	width: 55px;
    	margin: auto;
    	margin-bottom: 15px;
    	border-radius: 50%;
    	overflow: hidden;
    	box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    	font-size: 28px;
    	text-align: center;
    	line-height: 50px;
    	color: #fff;
    	outline: 0 !important;
    	background-position: center center;
    	background-repeat: no-repeat;
    	transition: all;
    	transition-duration: .2s
    }
    
    @media (max-width:768px) {
    	.widget-connect__button {
    		height: 50px;
    		width: 50px
    	}
    }
    
    .widget-connect__button-activator:hover,
    .widget-connect__button:hover {
    	box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .4)
    }
    
    .widget-connect__button:active {
    	height: 48px;
    	width: 48px;
    	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0);
    	transition: all;
    	transition-duration: .2s
    }
    
    @media (max-width:768px) {
    	.widget-connect__button:active {
    		height: 45px;
    		width: 45px
    	}
    }
    
    .widget-connect__button-activator {
    	margin: auto;
    	border-radius: 50%;
    	box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    	background-position: center center;
    	background-repeat: no-repeat;
    	transition: all;
    	transition-duration: .2s;
    	text-align: right
    }
    
    .widget-connect__button-activator-icon {
    	height: 55px;
    	width: 55px;
    	background-image: url(ninico/image/catalog/widget-multi-connect/chat.svg);
    	background-size: 55%;
    	background-position: center center;
    	background-repeat: no-repeat;
    	-webkit-transition-duration: .2s;
    	-moz-transition-duration: .2s;
    	-o-transition-duration: .2s;
    	transition-duration: .2s
    }
    
    @media (max-width:768px) {
    	.widget-connect__button-activator-icon {
    		height: 50px;
    		width: 50px;
    		display: none
    	}
    }
    
    .widget-connect__button-activator-icon.active {
    	background-image: url(ninico/image/catalog/widget-multi-connect/close.svg);
    	background-size: 45%;
    	transform: rotate(90deg)
    }
    
    .widget-connect__button-email {
    	background-color: #c3c3c3;
    	background-image: url(ninico/image/catalog/widget-multi-connect/email.svg);
    	background-size: 69%;
    	background-position: 9px 9px
    }
    
    .widget-connect__button-telephone {
    	background-color: #ff802c;
    	background-image: url(ninico/image/catalog/widget-multi-connect/call.svg);
    	background-size: 60%
    }
    
    .widget-connect__button-instagram {
    	background: #c928a5;
    	background-image: url("ninico/image/catalog/widget-multi-connect/instagram.svg");
    	background-image: url("ninico/image/catalog/widget-multi-connect/instagram.svg"), radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)
    }
    
    .widget-connect__button-messenger {
    	background-color: #00bcff;
    	background-image: url(ninico/image/catalog/widget-multi-connect/messenger.svg);
    	background-size: 70%;
    	background-position-x: 9px
    }
    
    .widget-connect__button-viber {
    	background-color: #9a5aca;
    	background-image: url(ninico/image/catalog/widget-multi-connect/viber.svg);
    	background-size: 100%
    }
    
    .widget-connect__button-skype {
    	background-color: #00aaf2;
    	background-image: url(ninico/image/catalog/widget-multi-connect/skype.svg);
    	background-size: 65%
    }
    
    .widget-connect__button-whatsapp {
    	background-color: #4dc247;
    	background-image: url(ninico/image/catalog/widget-multi-connect/whatsapp.svg);
    	background-size: 75%
    }
    
    .widget-connect__button-telegram {
    	background-color: #299fdb;
    	background-image: url(ninico/image/catalog/widget-multi-connect/telegram.svg);
    	background-size: 60%;
    	background-position-x: 10px
    }
    
    .widget-connect__button-vk {
    	background-color: #45658e;
    	background-image: url(ninico/image/catalog/widget-multi-connect/vk.svg);
    	background-size: 65%;
    	background-position-y: 11px
    }
    
    .widget-connect__button-line {
    	background-color: #00b901;
    	background-image: url(ninico/image/catalog/widget-multi-connect/line.svg);
    	background-size: 70%;
    	background-position: 9px 9px
    }
    
    .header-meta__search-5 input {
        height: 40px !important;
    }
    
    .mobilbar {
        width: 100%;
        height: 50px;
        z-index: 50;
        position: fixed;
        bottom: 0;
        left: 0;
        border-top: 1px solid #eee;
        background-color: #fff;
        display: none !important;
    }
    @media screen and (max-device-width: 480px) and (orientation: portrait) {
        .mobilbar {
            width: 100%;
            height: 60px;
            z-index: 50;
            position: fixed;
            bottom: 0;
            left: 0;
            border-top: 1px solid #eee;
            background-color: <?php echo $tema['t16'];?>;
            display: block !important;
        }
        .mobilbar-badge {
            width: auto;
            min-width: 16px;
            height: 16px;
            background-color: <?php echo $tema['t37'];?>;
            border-radius: 10px;
            color: #fff;
            position: absolute;
            top: 2px;
            right: calc(50% - 20px);
            text-align: center;
            line-height: 16px;
            font-size: 10px;
        }
        .mobilbar ul {
            padding-left: 0;
            display: flex;
        }
        .mobilbar ul li {
            position: relative;
            padding: 5px 0;
            flex: 1 1;
            list-style: none;
            background: <?php echo $tema['t16'];?>;
        }
        .mobilbar ul li > a {
            display: block;
            width: 100%;
            height: 40px;
            text-decoration: none;
            color: #fff;
        }
        .mobilbar ul li > a > p {
            width: 100%;
            margin-bottom: 0;
            text-align: center;
            color: white;
        }
        .mobilbar ul li > a > p:first-child {
            font-size: 17px;
            margin-bottom: 0;
            color: #fff;
        }
        .mobilbar ul li > a > p:last-child {
            font-size: 12px;
            font-weight: 500;
        }
    }
    
    #newsletter-popup {
        margin: 70px auto;
        padding: 30px 40px 40px;
        background: #f5828a;
        border-radius: 5px;
        width: 50%;
        position: relative;
        transition: all 1s ease-in-out;
        min-height: 300px;
    }
    
    @media screen and (max-device-width: 480px) and (orientation: portrait) {
        .altbar {
            display: block !important;
        }
    }
    
    @media screen and (max-width: 1366px) {
        #newsletter-popup {
            width: 100%;
        }
    }
    
    @media screen and (max-width: 992px) {
        #newsletter-popup {
            width: 100%;
        }
    }
    
    .newsletter-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 500ms;
        visibility: visible;
        opacity: 1;
        display: none;
        z-index: 999999999999;
    }
    
    #newsletter-popup h3 {
        color: #fff;
        font-size: 24px;
        margin: 0 0 10px;
        font-family: "Gloria Hallelujah", cursive;
    }
    
    #newsletter-popup input[type="text"] {
        width: 100%;
        height: 36px;
        border: none;
        text-indent: 10px;
        font-size: 13px;
        border-bottom: 2px solid #faeaec;
        border-top: 2px solid #fff;
        padding: 0;
        color: #666;
        margin-bottom: 15px;
    }
    
    #newsletter-popup input[type="submit"] {
        background: #6ec5d9;
        border: none;
        border-bottom: 3px solid #57b8ce;
        color: #fff;
        text-align: center;
        display: block;
        padding: 0;
        line-height: 1.5;
        width: 100%;
        cursor: pointer;
        margin: 0;
        font-size: 21px;
        font-family: "Gloria Hallelujah", cursive;
    }
    
    #newsletter-popup .popup-close {
        color: #fff;
        height: 30px;
        width: 30px;
        position: absolute;
        top: 10px;
        right: 10px;
        text-align: center;
        text-decoration: none;
        line-height: 30px;
        font-family: "Gloria Hallelujah", cursive;
        font-weight: bold;
        background: #b1a6a6;
        border-radius: 100%;
    }
    
    #newsletter-popup {
        margin: 70px auto;
        padding: 30px 40px 40px;
        background: #f5828a;
        border-radius: 5px;
        width: 50%;
        position: relative;
        transition: all 1s ease-in-out;
        min-height: 300px;
    }
    
    .-popup {
        display: none !important;
    }
    
    .webgizle {
        display: none !important;
    }
    
    .mobilgizle {
        display: block !important;
    }
    
    @media screen and (max-device-width: 480px) and (orientation: portrait) {
        .altbar {
            display: block !important;
        }
    
        .webgizle {
            display: block !important;
        }
    
        .mobilgizle {
            display: none !important;
        }
    }
    
    @media screen and (max-width: 1366px) {
        #newsletter-popup {
            width: 100%;
        }
        .altbar {
            display: block !important;
        }
    }
    
    @media screen and (max-width: 992px) {
        #newsletter-popup {
            width: 100%;
        }
        .altbar {
            display: block !important;
        }
    }
    
    .newsletter-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 500ms;
        visibility: visible;
        opacity: 1;
        display: none;
        z-index: 999999999999;
    }
    
    #newsletter-popup h3 {
        color: #fff;
        font-size: 24px;
        margin: 0 0 10px;
    }
    
    #newsletter-popup input[type="text"] {
        width: 100%;
        height: 36px;
        border: none;
        text-indent: 10px;
        font-size: 13px;
        border-bottom: 2px solid #faeaec;
        border-top: 2px solid #fff;
        padding: 0;
        color: #666;
        margin-bottom: 15px;
    }
    
    #newsletter-popup input[type="submit"] {
        background: #6ec5d9;
        border: none;
        border-bottom: 3px solid #57b8ce;
        color: #fff;
        text-align: center;
        display: block;
        padding: 0;
        line-height: 1.5;
        width: 100%;
        cursor: pointer;
        margin: 0;
        font-size: 21px;
    }
    
    #newsletter-popup .popup-close {
        color: #fff;
        height: 30px;
        width: 30px;
        position: absolute;
        top: 10px;
        right: 10px;
        text-align: center;
        text-decoration: none;
        line-height: 30px;
    
        font-weight: bold;
    }
    
    .tptrack__id, .tptrack__email {
        position: relative;
    }
    
    .tptrack__id span, .tptrack__email span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 30px;
        font-size: 16px;
    }
    
    .tptrack__id input, .tptrack__email input {
        width: 100%;
        height: 60px;
        border: none;
        background-color: var(--tp-common-white);
        padding: 10px 60px;
        border-radius: 6px;
    }
    
    .tptrack__id input::placeholder, .tptrack__email input::placeholder {
        font-size: 14px;
        color: var(--tp-grey-9);
    }
</style>

İptal

📁 PHP Dosya Yöneticisi

📝 style.php

📝 style.php

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)