geçiş yapmıyor. Arkadaş diyor ki tasarımda hata var tab kısmında yani. Size zahmet yardımcı olabilir misiniz?
eski.php olan hatalı hali, yeni.php olan ise orijinal HMTL hali.
NOT: TAB kısmını altta linkini verdiğim temanın TAB kısmından faydalanarak yaptım (En üst soldaki)
Porto Admin - Responsive HTML5 Template Preview - ThemeForest
eski.php
<?php include_once "includes/head.php"; ?>
<?php include_once "includes/sidebar.php"; ?>
<section role="main" class="content-body content-body-modern mt-0">
<header class="page-header">
<h2>Ürün Ekle</h2>
<div class="right-wrapper text-end">
<ol class="breadcrumbs">
<li>
<a href="index.php">
<i class="bx bx-home-alt"></i>
</a>
</li>
<li><span>Ürün</span></li>
<li><span>Ürün Ekle</span></li>
</ol>
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fas fa-chevron-left"></i></a>
</div>
</header>
<!-- start: page -->
<form class="action-buttons-fixed" action="" method="post" enctype="multipart/form-data" data-parsley-validate>
<div class="row mt-2">
<div class="tabs">
<ul class="nav nav-tabs">
<?php
$diljs = json_decode($setting['seo'],true);
$dilsor = $database->prepare("SELECT * FROM dil order by must ASC");
$dilsor->execute();
$a = 0;
while ($dilcek = $dilsor->fetch(PDO::FETCH_ASSOC)) { $a++; ?>
<li class="nav-item <?php if ($a == 1) { echo 'active'; } ?>">
<a class="nav-link" data-bs-target="#sizer-tab-<?php echo $dilcek['code'] ?>" href="#sizer-tab-<?php echo $dilcek['code'] ?>" data-bs-toggle="tab"><i class="fas fa-star"></i> <?php echo $dilcek['name'] ?></a>
</li>
<?php } ?>
</ul>
<div class="tab-content">
<?php
$diljs = json_decode($setting['seo'],true);
$dilsor = $database->prepare("SELECT * FROM dil order by must ASC");
$dilsor->execute();
$a = 0;
while ($dilcek = $dilsor->fetch(PDO::FETCH_ASSOC)) { $a++; ?>
<div id="sizer-tab-<?php echo $dilcek['code'] ?>" class="tab-pane <?php if ($a == 1) { echo 'show active'; } ?>">
<div class="col">
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="row">
<div class="col-lg-2-5 col-xl-1-5">
<i class="card-big-info-icon bx bx-edit"></i>
<h2 class="card-big-info-title">ÜRÜN</h2>
<p class="card-big-info-desc">Lütfen boş bırakmayınız.</p>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-6 control-label text-4 ">Başlık</label>
<div class="col-lg-12"></br>
<input class="form-control" type="text" name="name[<?php echo $dilcek['code'] ?>]" placeholder="Başlık" required="">
</div>
</div></br>
<textarea id="<?php echo $dilcek['code'] ?>editor" class="form-control" rows="5" name="desc[<?php echo $dilcek['code'] ?>]" required=""></textarea>
</div>
</div>
</div>
</section>
</div>
<hr>
<div class="col mt-3">
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="row">
<div class="col-lg-2-5 col-xl-1-5">
<i class="card-big-info-icon bx bx-search"></i>
<h2 class="card-big-info-title">SEO ALANI</h2>
<p class="card-big-info-desc">Lütfen boş bırakmayınız.</p>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="form-group row align-items-center pb-3">
<label class="mb-1">Title</label>
<div class="col-xl-12">
<input class="form-control" type="text" name="meta_title[<?php echo $dilcek['code'] ?>]" placeholder="Başlık" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="mb-1">Keyword</label>
<div class="col-xl-12">
<textarea class="form-control" rows="5" name="meta_key[<?php echo $dilcek['code'] ?>]" required=""></textarea>
</div>
</div>
<div class="form-group row">
<label class="mb-1">Description</label>
<div class="col-xl-12">
<textarea class="form-control" rows="5" name="meta_desc[<?php echo $dilcek['code'] ?>]" required=""></textarea>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<?php
$ckeditor[] = $dilcek['code']."editor";
?>
<?php } ?>
</div>
</div>
<div class="row">
<div class="col">
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="tabs-modern row" style="min-height: 290px;">
<div class="col-lg-2-5 col-xl-1-5">
<div class="nav flex-column tabs" id="tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="price-tab" data-bs-toggle="pill" data-bs-target="#price" role="tab" aria-controls="price" aria-selected="true">Diğer Bilgiler</a>
</div>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="tab-content" id="tabContent">
<div class="tab-pane fade show active" id="price" role="tabpanel" aria-labelledby="price-tab">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Sitemap Öncelik: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control form-control-modern" name="sitemap">
<option value="0.1" selected>1</option>
<option value="0.2">2</option>
<option value="0.3">3</option>
<option value="0.4">4</option>
<option value="0.5">5</option>
<option value="0.6">6</option>
<option value="0.7">7</option>
<option value="0.8">8</option>
<option value="0.9">9</option>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Sıra: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="must" placeholder="Sıra" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Seo URL: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="seo" placeholder="Seo URL" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kategori: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control" name="kategori" required="">
<?php
$ksor = $database->prepare("SELECT * FROM kategori order by id ASC");
$ksor->execute();
while ($kcek = $ksor->fetch(PDO::FETCH_ASSOC)) {
$knjs = json_decode($kcek['name'],true);
$default = $db->select("dil","standart='1'",array());
?>
<option value="<?php echo $kcek['id'] ?>"><?php echo $knjs[$default['code']] ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Anasayfada Göster: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control" name="anasayfa" required="">
<option value="0">Hayır</option>
<option value="1">Evet</option>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kalori Değeri: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="a" placeholder="Kalori Değeri" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Ebat: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="b" placeholder="Ebat" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kullanım Yeri: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="c" placeholder="Kullanım Yeri" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Menşei: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="d" placeholder="Menşei" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Resim: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="file" name="image" required="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="row action-buttons">
<div class="col-12 col-md-auto">
<button name="blogadd" type="submit" class="submit-button btn btn-primary btn-px-4 py-3 d-flex align-items-center font-weight-semibold line-height-1" data-loading-text="Loading...">
<i class="bx bx-save text-4 me-2"></i> KAYDET
</button>
</div>
</div>
</form>
<!-- end: page -->
</section>
</div>
<?php include_once "includes/script.php"; ?>yeni.php<?php include_once "includes/head.php"; ?>
<?php include_once "includes/sidebar.php"; ?>
<section role="main" class="content-body content-body-modern mt-0">
<header class="page-header">
<h2>Ürün Ekle</h2>
<div class="right-wrapper text-end">
<ol class="breadcrumbs">
<li>
<a href="index.php">
<i class="bx bx-home-alt"></i>
</a>
</li>
<li><span>Ürün Yönetimi</span></li>
<li><span>Ürün Ekle</span></li>
</ol>
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fas fa-chevron-left"></i></a>
</div>
</header>
<!-- start: page -->
<form class="ecommerce-form action-buttons-fixed" action="#" method="post">
<div class="row mt-2">
<div class="tabs">
<ul class="nav nav-tabs">
<li class="nav-item active">
<a class="nav-link" data-bs-target="#tr" href="#tr" data-bs-toggle="tab"><i class="fas fa-flag"></i> Türkçe</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-target="#en" href="#en" data-bs-toggle="tab"><i class="fas fa-flag"></i> İngilizce</a>
</li>
</ul>
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="row">
<div class="col-lg-2-5 col-xl-1-5">
<i class="card-big-info-icon bx bx-basket"></i>
<h2 class="card-big-info-title">ÜRÜN</h2>
<p class="card-big-info-desc">Lütfen boş bırakmayınız.</p>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-6 control-label">Başlık</label>
<div class="col-lg-12"></br>
<input type="text" class="form-control form-control-modern" name="urunbaslik" value="" required />
</div>
</div></br>
<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
<script>
CKEDITOR.replace( 'editor1' );
</script>
</div>
</div>
</div>
</section>
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="row">
<div class="col-lg-2-5 col-xl-1-5">
<i class="card-big-info-icon bx bx-search"></i>
<h2 class="card-big-info-title">SEO ALANI</h2>
<p class="card-big-info-desc">Lütfen boş bırakmayınız.</p>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="form-group row align-items-center pb-3">
<label class="mb-1">Title</label>
<div class="col-xl-12">
<input type="text" class="form-control form-control-modern" name="title" value="" placeholder="Title en fazla 70 karakter uzunluğunda olmalıdır" required>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="mb-1">Keyword</label>
<div class="col-xl-12">
<textarea class="form-control form-control-modern" name="keyword" rows="2" placeholder="Keyword en fazla 260 karakter uzunluğunda olmalıdır" required></textarea>
</div>
</div>
<div class="form-group row">
<label class="mb-1">Description</label>
<div class="col-xl-12">
<textarea class="form-control form-control-modern" name="description" rows="2" placeholder="Description en fazla 160 karakter uzunluğunda olmalıdır" required></textarea>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="row">
<div class="col">
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="row">
<div class="col-lg-2-5 col-xl-1-5">
<i class="card-big-info-icon bx bx-camera"></i>
<h2 class="card-big-info-title">Ürün Resmi</h2>
<p class="card-big-info-desc">Buraya tıklayarak resim yükleyebilirsiniz.</p>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="form-group row align-items-center">
<div class="col">
<div id="dropzone-form-image" class="dropzone-modern dz-square">
<span class="dropzone-upload-message text-center">
<i class="bx bxs-cloud-upload"></i>
<b class="text-color-primary">Sürükle/Bırak</b> yaparak yükleyebilirsiniz
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="row">
<div class="col">
<section class="card card-modern card-big-info">
<div class="card-body">
<div class="tabs-modern row" style="min-height: 290px;">
<div class="col-lg-2-5 col-xl-1-5">
<div class="nav flex-column tabs" id="tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="product-tab" data-bs-toggle="pill" data-bs-target="#product" role="tab" aria-controls="product" aria-selected="true">Ürün Özellikleri</a>
<a class="nav-link" id="setting-tab" data-bs-toggle="pill" data-bs-target="#setting" role="tab" aria-controls="setting" aria-selected="false">Ürün Ayarları</a>
</div>
</div>
<div class="col-lg-3-5 col-xl-4-5">
<div class="tab-content" id="tabContent">
<div class="tab-pane fade show active" id="product" role="tabpanel" aria-labelledby="product-tab">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kalori Değeri: </label>
<div class="col-lg-7 col-xl-6">
<input type="text" class="form-control form-control-modern" name="kalori" value="" required />
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Ebat: </label>
<div class="col-lg-7 col-xl-6">
<input type="text" class="form-control form-control-modern" name="ebat" value="" required />
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kullanım Yeri: </label>
<div class="col-lg-7 col-xl-6">
<input type="text" class="form-control form-control-modern" name="kullanim" value="" required />
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Menşei: </label>
<div class="col-lg-7 col-xl-6">
<input type="text" class="form-control form-control-modern" name="mensei" value="" required />
</div>
</div>
</div>
<div class="tab-pane fade" id="setting" role="setting" aria-labelledby="setting-tab">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Sıra: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="must" placeholder="Sıra" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Seo URL: </label>
<div class="col-lg-7 col-xl-6">
<input class="form-control" type="text" name="seo" placeholder="Seo URL" required="">
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Durum</label>
<div class="col-lg-7 col-xl-6">
<select class="form-control form-control-modern" name="status">
<option value="in-stock" selected>Aktif</option>
<option value="out-of-stock">Pasif</option>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Anasayfada Göster: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control" name="anasayfa" required="">
<option value="0">Hayır</option>
<option value="1">Evet</option>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Sitemap Öncelik: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control form-control-modern" name="sitemap">
<option value="0.1" selected>1</option>
<option value="0.2">2</option>
<option value="0.3">3</option>
<option value="0.4">4</option>
<option value="0.5">5</option>
<option value="0.6">6</option>
<option value="0.7">7</option>
<option value="0.8">8</option>
<option value="0.9">9</option>
</select>
</div>
</div>
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kategori Seç</label>
<div class="col-lg-7 col-xl-6">
<select multiple data-plugin-selectTwo class="form-control form-control-modern" name="category" data-plugin-options='{ "placeholder": "Kategori Seç" }'>
<option value="product1">Yerli Kömür</option>
<option value="product2">İthal Kömür</option>
<option value="product3">Torba Kömür</option>
</select>
</div>
</div>
</div>
<div class="tab-pane fade show" id="sitemap" role="tabpanel" aria-labelledby="sitemap-tab">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Sitemap Öncelik: </label>
<div class="col-lg-7 col-xl-6">
<select class="form-control form-control-modern" name="sitemap">
<option value="0.1" selected>1</option>
<option value="0.2">2</option>
<option value="0.3">3</option>
<option value="0.4">4</option>
<option value="0.5">5</option>
<option value="0.6">6</option>
<option value="0.7">7</option>
<option value="0.8">8</option>
<option value="0.9">9</option>
</select>
</div>
</div>
</div>
<div class="tab-pane fade" id="category" role="tabpanel" aria-labelledby="category-tab">
<div class="form-group row align-items-center pb-3">
<label class="col-lg-5 col-xl-3 control-label text-lg-end mb-0">Kategoriler</label>
<div class="col-lg-7 col-xl-6">
<select multiple data-plugin-selectTwo class="form-control form-control-modern" name="category" data-plugin-options='{ "placeholder": "Kategori Seç" }'>
<option value="product1">Yerli Kömür</option>
<option value="product2">İthal Kömür</option>
<option value="product3">Torba Kömür</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<section class="card">
<header class="card-header">
<div class="card-actions">
<a href="#" class="card-action card-action-toggle" data-card-toggle></a>
<a href="#" class="card-action card-action-dismiss" data-card-dismiss></a>
</div>
<h2 class="card-title">Günlük Ziyaretçi İstatistikleri</h2>
<p class="card-subtitle">Mobil ve masaüstü ziyaretçileri İstatistiklerini gösterir.</p>
</header>
<div class="card-body">
<!-- Morris: Bar -->
<div class="chart chart-md" id="morrisBar"></div>
<script type="text/javascript">
var morrisBarData = [{
y: 'Ocak',
a: 10,
b: 30
}, {
y: 'Şubat',
a: 100,
b: 25
}, {
y: 'Mart',
a: 60,
b: 25
}, {
y: 'Nisan',
a: 75,
b: 35
}, {
y: 'Mayıs',
a: 90,
b: 20
}, {
y: 'Haziran',
a: 75,
b: 15
}, {
y: 'Temmuz',
a: 50,
b: 10
}, {
y: 'Ağustos',
a: 75,
b: 25
}, {
y: 'Eylül',
a: 30,
b: 10
}, {
y: 'Ekim',
a: 75,
b: 5
}, {
y: 'Kasım',
a: 60,
b: 8
}, {
y: 'Aralık',
a: 60,
b: 8
}];
// See: js/examples/examples.charts.js for more settings.
</script>
</div>
</section>
</div>
</div>
<div class="row action-buttons">
<div class="col-12 col-md-auto">
<button type="submit" class="submit-button btn btn-primary btn-px-4 py-3 d-flex align-items-center font-weight-semibold line-height-1" data-loading-text="Loading...">
<i class="bx bx-save text-4 me-2"></i> KAYDET
</button>
</div>
<div class="col-12 col-md-auto ms-md-auto mt-3 mt-md-0 ms-auto">
<a href="#" class="delete-button btn btn-danger btn-px-4 py-3 d-flex align-items-center font-weight-semibold line-height-1">
<i class="bx bx-trash text-4 me-2"></i> SİL
</a>
</div>
</div>
</form>
<!-- end: page -->
</section>
</div>
<style>
#ChartistCSSAnimation .ct-series.ct-series-a .ct-line {
fill: none;
stroke-width: 4px;
stroke-dasharray: 5px;
-webkit-animation: dashoffset 1s linear infinite;
-moz-animation: dashoffset 1s linear infinite;
animation: dashoffset 1s linear infinite;
}
#ChartistCSSAnimation .ct-series.ct-series-b .ct-point {
-webkit-animation: bouncing-stroke 0.5s ease infinite;
-moz-animation: bouncing-stroke 0.5s ease infinite;
animation: bouncing-stroke 0.5s ease infinite;
}
#ChartistCSSAnimation .ct-series.ct-series-b .ct-line {
fill: none;
stroke-width: 3px;
}
#ChartistCSSAnimation .ct-series.ct-series-c .ct-point {
-webkit-animation: exploding-stroke 1s ease-out infinite;
-moz-animation: exploding-stroke 1s ease-out infinite;
animation: exploding-stroke 1s ease-out infinite;
}
#ChartistCSSAnimation .ct-series.ct-series-c .ct-line {
fill: none;
stroke-width: 2px;
stroke-dasharray: 40px 3px;
}
@-webkit-keyframes dashoffset {
0% {
stroke-dashoffset: 0px;
}
100% {
stroke-dashoffset: -20px;
};
}
@-moz-keyframes dashoffset {
0% {
stroke-dashoffset: 0px;
}
100% {
stroke-dashoffset: -20px;
};
}
@keyframes dashoffset {
0% {
stroke-dashoffset: 0px;
}
100% {
stroke-dashoffset: -20px;
};
}
@-webkit-keyframes bouncing-stroke {
0% {
stroke-width: 5px;
}
50% {
stroke-width: 10px;
}
100% {
stroke-width: 5px;
};
}
@-moz-keyframes bouncing-stroke {
0% {
stroke-width: 5px;
}
50% {
stroke-width: 10px;
}
100% {
stroke-width: 5px;
};
}
@keyframes bouncing-stroke {
0% {
stroke-width: 5px;
}
50% {
stroke-width: 10px;
}
100% {
stroke-width: 5px;
};
}
@-webkit-keyframes exploding-stroke {
0% {
stroke-width: 2px;
opacity: 1;
}
100% {
stroke-width: 20px;
opacity: 0;
};
}
@-moz-keyframes exploding-stroke {
0% {
stroke-width: 2px;
opacity: 1;
}
100% {
stroke-width: 20px;
opacity: 0;
};
}
@keyframes exploding-stroke {
0% {
stroke-width: 2px;
opacity: 1;
}
100% {
stroke-width: 20px;
opacity: 0;
};
}
</style>
<?php include_once "includes/script.php"; ?> 