^^&&^^

Edit File: ekonomik.php

<?php

if (class_exists('CSF')) {

CSF::createWidget('cta_economical_widget', array(

'title' => esc_html__('Kredi - Faiz oranı hesaplama bileşeni', 'oruno'),

'class' => 'orun-widget-fields',

'description' => esc_html__('Kredi ve faiz oranları ile aylık taksit hesaplar.', 'oruno'),

'fields' => array(

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Birinci Banka için Başlangıç',

array(

'id' => 'imagefield',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '4,49',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'İkinci Banka için Başlangıç',

array(

'id' => 'imagefield2',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani2',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '4,89',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Üçüncü Banka için Başlangıç',

array(

'id' => 'imagefield3',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani3',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '4,89',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Dördüncü Banka için Başlangıç',

array(

'id' => 'imagefield4',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani4',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '5.70',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Beşinci Banka için Başlangıç',

array(

'id' => 'imagefield5',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani5',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '5.70',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Altıncı Banka için Başlangıç',

array(

'id' => 'imagefield6',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani6',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '5.70',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Yedinci Banka için Başlangıç',

array(

'id' => 'imagefield7',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani7',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '5.70',

array(

'type' => 'notice',

'style' => 'warning',

'content' => 'Sekizinci Banka için Başlangıç',

array(

'id' => 'imagefield8',

'type' => 'media',

'title' => esc_html__('1.Görseli Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

'default' => esc_url('https://orunotema.com.tr/kozmetik-kadin/wp-content/uploads/2024/03/Parralax.jpg')

array(

'id' => 'faiz_orani8',

'type' => 'text',

'title' => esc_html__('Faiz oranını giriniz:', 'oruno'),

'subtitle' => esc_html__('Faiz oranını giriniz.', 'oruno'),

'default' => '5.70',

)

));

// Bileşenin içeriğini gösteren fonksiyon

if (!function_exists('cta_economical_widget')) {

function cta_economical_widget($args, $instance)

{

<style>

@media only screen and (max-width: 600px) {

.kredi-hesaplama {

margin-bottom: 20px;

width:360px;

padding: 20px;

border: 1px solid #ccc;

box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

border-radius: 5px;

display: inline-block;

vertical-align: top;

margin-left:21px;

}

@media(min-width:992px){

.kredi-hesaplama {

width:297px;

padding: 20px;

border: 1px solid #ccc;

box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);

border-radius: 5px;

display: inline-block;

vertical-align: top;

margin-right: 20px;

}

.gorsel img{

height: 38px;

width:150px;

}

.kredi-hesaplama .baslik {

text-align: center;

margin-bottom: 20px;

margin-top: 20px;

}

.kredi-hesaplama .inputlar {

margin-bottom: 20px;

}

.kredi-hesaplama label {

display: block;

margin-bottom: 5px;

}

.kredi-hesaplama input[type="number"],

.kredi-hesaplama select {

width: 100%;

padding: 10px;

border-radius: 5px;

border: 1px solid #ccc;

}

.kredi-hesaplama .sonuclar {

display: flex;

justify-content: space-between;

}

.kredi-hesaplama .sonuclar div {

flex: 1;

text-align: center;

}

.kredi-hesaplama .sonuclar p {

margin-bottom: 10px;

}

</style>

<?php

if (!empty($instance['imagefield']['url'])) {

$image_url = esc_url($instance['imagefield']['url']);

}

<img src="<?php echo $image_url ?>" data-src="<?php echo $image_url ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php

if (!empty($instance['faiz_orani'])) {

echo floatval($instance['faiz_orani']);

$faiz = $instance['faiz_orani'];

}

?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield2']['url'])) {

$image_url2 = esc_url($instance['imagefield2']['url']);

}

<img src="<?php echo $image_url2 ?>" data-src="<?php echo $image_url2 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı:  %<?php

if (!empty($instance['faiz_orani2'])) {

echo floatval($instance['faiz_orani2']);

$faiz2 = $instance['faiz_orani2'];

}

?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield3']['url'])) {

$image_url3 = esc_url($instance['imagefield3']['url']);

}

<img src="<?php echo $image_url3 ?>" data-src="<?php echo $image_url3 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani3'])) {

echo floatval($instance['faiz_orani3']);

$faiz3 = $instance['faiz_orani3'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield4']['url'])) {

$image_url4 = esc_url($instance['imagefield4']['url']);

}

<img src="<?php echo $image_url4 ?>" data-src="<?php echo $image_url4 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani4'])) {

echo floatval($instance['faiz_orani4']);

$faiz4 = $instance['faiz_orani4'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield5']['url'])) {

$image_url5 = esc_url($instance['imagefield5']['url']);

}

<img src="<?php echo $image_url5 ?>" data-src="<?php echo $image_url5 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani5'])) {

echo floatval($instance['faiz_orani5']);

$faiz5 = $instance['faiz_orani5'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield6']['url'])) {

$image_url6 = esc_url($instance['imagefield6']['url']);

}

<img src="<?php echo $image_url6 ?>" data-src="<?php echo $image_url6 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani6'])) {

echo floatval($instance['faiz_orani6']);

$faiz6 = $instance['faiz_orani6'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield7']['url'])) {

$image_url7 = esc_url($instance['imagefield7']['url']);

}

<img src="<?php echo $image_url7 ?>" data-src="<?php echo $image_url7 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani7'])) {

echo floatval($instance['faiz_orani7']);

$faiz7 = $instance['faiz_orani7'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

<?php

if (!empty($instance['imagefield8']['url'])) {

$image_url8 = esc_url($instance['imagefield8']['url']);

}

<img src="<?php echo $image_url8 ?>" data-src="<?php echo $image_url8 ?>"  alt="Yeni Müşterilere Özel" class="lazy loaded" loading="lazy" data-ignore="true">

</div>

<span style="font-size: 24px;">Kredi Hesaplama</span>

</div>

<label for="kredi-tutari">Kredi Tutarı:</label>

</div>

<label for="vade-suresi">Vade Süresi:</label>

</select>

</div>

<p>Sabit Faiz Oranı: %<?php if (!empty($instance['faiz_orani8'])) {

echo floatval($instance['faiz_orani8']);

$faiz8 = $instance['faiz_orani8'];

} ?></p>

</div>

<p style="font-weight: bold;">Aylık Taksit:</p>

</div>

<p style="font-weight: bold;">Toplam Ödeme:</p>

</div>

</section>

document.addEventListener("DOMContentLoaded", function() {

// İlk form elemanları

var krediTutariInput = document.getElementById("kredi-tutari");

var vadeSuresiSelect = document.getElementById("vade-suresi");

var aylikTaksitSpan = document.getElementById("aylik-taksit-tutar");

var toplamOdemeSpan = document.getElementById("toplam-odeme-tutar");

// İkinci form elemanları

var krediTutariInput2 = document.getElementById("kredi-tutari2");

var vadeSuresiSelect2 = document.getElementById("vade-suresi2");

var aylikTaksitSpan2 = document.getElementById("aylik-taksit-tutar2");

var toplamOdemeSpan2 = document.getElementById("toplam-odeme-tutar2");

//Üçüncü olanı

var krediTutariInput3 = document.getElementById("kredi-tutari3");

var vadeSuresiSelect3 = document.getElementById("vade-suresi3");

var aylikTaksitSpan3 = document.getElementById("aylik-taksit-tutar3");

var toplamOdemeSpan3 = document.getElementById("toplam-odeme-tutar3");

//Dördüncü olanı

var krediTutariInput4 = document.getElementById("kredi-tutari4");

var vadeSuresiSelect4 = document.getElementById("vade-suresi4");

var aylikTaksitSpan4 = document.getElementById("aylik-taksit-tutar4");

var toplamOdemeSpan4 = document.getElementById("toplam-odeme-tutar4");

//Beşinci olanı

var krediTutariInput5 = document.getElementById("kredi-tutari5");

var vadeSuresiSelect5 = document.getElementById("vade-suresi5");

var aylikTaksitSpan5 = document.getElementById("aylik-taksit-tutar5");

var toplamOdemeSpan5 = document.getElementById("toplam-odeme-tutar5");

//Altıncı olanı

var krediTutariInput6 = document.getElementById("kredi-tutari6");

var vadeSuresiSelect6 = document.getElementById("vade-suresi6");

var aylikTaksitSpan6 = document.getElementById("aylik-taksit-tutar6");

var toplamOdemeSpan6 = document.getElementById("toplam-odeme-tutar6");

//Yedinci olanı

var krediTutariInput7 = document.getElementById("kredi-tutari7");

var vadeSuresiSelect7 = document.getElementById("vade-suresi7");

var aylikTaksitSpan7 = document.getElementById("aylik-taksit-tutar7");

var toplamOdemeSpan7 = document.getElementById("toplam-odeme-tutar7");

//Sekizinci olanı

var krediTutariInput8 = document.getElementById("kredi-tutari8");

var vadeSuresiSelect8 = document.getElementById("vade-suresi8");

var aylikTaksitSpan8 = document.getElementById("aylik-taksit-tutar8");

var toplamOdemeSpan8 = document.getElementById("toplam-odeme-tutar8");

// Hesaplama fonksiyonu

function hesapla() {

var krediTutari = parseFloat(krediTutariInput.value);

var vadeSuresi = parseInt(vadeSuresiSelect.value);

var faizOrani = <?php echo $faiz /100; ?>

var aylikFaizOrani = faizOrani / 12;

var aylikTaksit = ((krediTutari * faizOrani) / (1 - (1 / (Math.pow(1 + faizOrani, vadeSuresi)))));

var toplamOdeme = aylikTaksit * vadeSuresi;

aylikTaksitSpan.textContent = aylikTaksit.toFixed(2);

toplamOdemeSpan.textContent = toplamOdeme.toFixed(2);

}

function hesapla2() {

var krediTutari2 = parseFloat(krediTutariInput2.value);

var vadeSuresi2 = parseInt(vadeSuresiSelect2.value);

var faizOrani2 = <?php echo $faiz2 /100; ?>

var aylikFaizOrani2 = faizOrani2 / 12;

var aylikTaksit2 = ((krediTutari2 * faizOrani2) / (1 - (1 / (Math.pow(1 + faizOrani2, vadeSuresi2)))));

var toplamOdeme2 = aylikTaksit2 * vadeSuresi2;

aylikTaksitSpan2.textContent = aylikTaksit2.toFixed(2);

toplamOdemeSpan2.textContent = toplamOdeme2.toFixed(2);

}

function hesapla3() {

var krediTutari3 = parseFloat(krediTutariInput3.value);

var vadeSuresi3 = parseInt(vadeSuresiSelect3.value);

var faizOrani3 = <?php echo $faiz3 /100; ?>

var aylikFaizOrani3 = faizOrani3 / 12;

var aylikTaksit3 = ((krediTutari3 * faizOrani3) / (1 - (1 / (Math.pow(1 + faizOrani3, vadeSuresi3)))));

var toplamOdeme3 = aylikTaksit3 * vadeSuresi3;

aylikTaksitSpan3.textContent = aylikTaksit3.toFixed(2);

toplamOdemeSpan3.textContent = toplamOdeme3.toFixed(2);

}

function hesapla4() {

var krediTutari4 = parseFloat(krediTutariInput4.value);

var vadeSuresi4 = parseInt(vadeSuresiSelect4.value);

var faizOrani4 = <?php echo $faiz4 /100; ?>

var aylikFaizOrani4 = faizOrani4 / 12;

var aylikTaksit4 = ((krediTutari4 * faizOrani4) / (1 - (1 / (Math.pow(1 + faizOrani4, vadeSuresi4)))));

var toplamOdeme4 = aylikTaksit4 * vadeSuresi4;

aylikTaksitSpan4.textContent = aylikTaksit4.toFixed(2);

toplamOdemeSpan4.textContent = toplamOdeme4.toFixed(2);

}

function hesapla5() {

var krediTutari5 = parseFloat(krediTutariInput5.value);

var vadeSuresi5 = parseInt(vadeSuresiSelect5.value);

var faizOrani5 = <?php echo $faiz5 /100; ?>

var aylikFaizOrani5 = faizOrani5 / 12;

var aylikTaksit5 = ((krediTutari5 * faizOrani5) / (1 - (1 / (Math.pow(1 + faizOrani5, vadeSuresi5)))));

var toplamOdeme5 = aylikTaksit5 * vadeSuresi5;

aylikTaksitSpan5.textContent = aylikTaksit5.toFixed(2);

toplamOdemeSpan5.textContent = toplamOdeme5.toFixed(2);

}

function hesapla6() {

var krediTutari6 = parseFloat(krediTutariInput6.value);

var vadeSuresi6 = parseInt(vadeSuresiSelect6.value);

var faizOrani6 = <?php echo $faiz6 /100; ?>

var aylikFaizOrani6 = faizOrani6 / 12;

var aylikTaksit6 = ((krediTutari6 * faizOrani6) / (1 - (1 / (Math.pow(1 + faizOrani6, vadeSuresi6)))));

var toplamOdeme6 = aylikTaksit6 * vadeSuresi6;

aylikTaksitSpan6.textContent = aylikTaksit6.toFixed(2);

toplamOdemeSpan6.textContent = toplamOdeme6.toFixed(2);

}

function hesapla7() {

var krediTutari7 = parseFloat(krediTutariInput7.value);

var vadeSuresi7 = parseInt(vadeSuresiSelect7.value);

var faizOrani7 = <?php echo $faiz7 /100; ?>

var aylikFaizOrani7 = faizOrani7 / 12;

var aylikTaksit7 = ((krediTutari7 * faizOrani7) / (1 - (1 / (Math.pow(1 + faizOrani7, vadeSuresi7)))));

var toplamOdeme7 = aylikTaksit7 * vadeSuresi7;

aylikTaksitSpan7.textContent = aylikTaksit7.toFixed(2);

toplamOdemeSpan7.textContent = toplamOdeme7.toFixed(2);

}

function hesapla8() {

var krediTutari8 = parseFloat(krediTutariInput8.value);

var vadeSuresi8 = parseInt(vadeSuresiSelect8.value);

var faizOrani8 = <?php echo $faiz8 /100; ?>

var aylikFaizOrani8 = faizOrani8 / 12;

var aylikTaksit8 = ((krediTutari8 * faizOrani8) / (1 - (1 / (Math.pow(1 + faizOrani8, vadeSuresi8)))));

var toplamOdeme8 = aylikTaksit8 * vadeSuresi8;

aylikTaksitSpan8.textContent = aylikTaksit8.toFixed(2);

toplamOdemeSpan8.textContent = toplamOdeme8.toFixed(2);

}

// Hesaplama fonksiyonlarını çağır

krediTutariInput.addEventListener("input", hesapla);

vadeSuresiSelect.addEventListener("change", hesapla);

krediTutariInput2.addEventListener("input", hesapla2);

vadeSuresiSelect2.addEventListener("change", hesapla2);

krediTutariInput3.addEventListener("input", hesapla3);

vadeSuresiSelect3.addEventListener("change", hesapla3);

krediTutariInput4.addEventListener("input", hesapla4);

vadeSuresiSelect4.addEventListener("change", hesapla4);

krediTutariInput5.addEventListener("input", hesapla5);

vadeSuresiSelect5.addEventListener("change", hesapla5);

krediTutariInput6.addEventListener("input", hesapla6);

vadeSuresiSelect6.addEventListener("change", hesapla6);

krediTutariInput7.addEventListener("input", hesapla7);

vadeSuresiSelect7.addEventListener("change", hesapla7);

krediTutariInput8.addEventListener("input", hesapla8);

vadeSuresiSelect8.addEventListener("change", hesapla8);

// Sayfa yüklendiğinde hesapla

hesapla();

hesapla2();

hesapla3();

hesapla4();

hesapla5();

hesapla6();

hesapla7();

hesapla8();

});

</script>

<?php

}