Edit File: pm43.php
<?php if (class_exists('CSF')) { CSF::createWidget('orun_widget_grid_module_100', array( 'title' => esc_html__('Oruno - Görselli Manşet Modülü', 'orun'), 'class' => 'orun-widget-fields', 'classname' => 'orun-widget-grid-module-100', 'description' => esc_html__('Grid modülünü görüntüler.', 'orun'), 'fields' => array( array( 'type' => 'notice', 'style' => 'warning', 'content' => 'Birinci Slider için Başlangıç', ), array( 'id' => 'imagefield', 'type' => 'media', 'title' => esc_html__('1.Görseli Seçin:', 'orun'), 'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'orun'), ), array( 'id' => 'banner_text', 'type' => 'text', 'title' => esc_html__('Birinci banner için Başlık Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => 'Özel Kupon Fırsatları', ), array( 'type' => 'notice', 'style' => 'warning', 'content' => 'İkinci Banner için Başlangıç', ), array( 'id' => 'imagefield2', 'type' => 'media', 'title' => esc_html__('Banner içi Görseli Seçin:', 'orun'), 'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'orun'), ), array( 'id' => 'banner_rating_number', 'type' => 'text', 'title' => esc_html__('Birinci banner için Başlık Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => '4.93', ), array( 'id' => 'cta_orun', 'type' => 'text', 'title' => esc_html__('Slogan Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => 'Başlık', ), array( 'id' => 'affi22active', 'type' => 'switcher', 'title' => esc_html__('Bileşen Aktifliği:', 'orun'), 'subtitle' => esc_html__('Bileşenin gözükmesini istemiyorsanız aktifliği kapatınız.', 'orun'), 'default' => false, ), array( 'type' => 'notice', 'style' => 'warning', 'content' => 'İkinci Slider için Başlangıç', ), array( 'id' => 'imagefield22', 'type' => 'media', 'title' => esc_html__('1.Görseli Seçin:', 'orun'), 'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'orun'), ), array( 'id' => 'banner_text2', 'type' => 'text', 'title' => esc_html__('Birinci banner için Başlık Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => 'Özel Kupon Fırsatları', ), array( 'type' => 'notice', 'style' => 'warning', 'content' => 'İkinci Banner için Başlangıç', ), array( 'id' => 'imagefield33', 'type' => 'media', 'title' => esc_html__('Banner içi Görseli Seçin:', 'orun'), 'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'orun'), ), array( 'id' => 'banner_rating_number2', 'type' => 'text', 'title' => esc_html__('Birinci banner için Başlık Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => '4.93', ), array( 'id' => 'cta_orun2', 'type' => 'text', 'title' => esc_html__('Slogan Giriniz:', 'orun'), 'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'orun'), 'default' => 'Başlık', ), ) )); if (!function_exists('orun_widget_grid_module_100')) { function orun_widget_grid_module_100($args, $instance) { $classes = array(); $classes[] = 'container1 owl-carousel'; $classes[] = 'owl-item'; $classes = implode( ' ', $classes ); ?> <style> <style> .chat-box { border: 1px solid #1e4f8f; border-radius: 5px; } .chat-box3 { border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); } .chat-box2 { border: 1px solid #f2f2f2; background-color:#1e4f8f; border-radius: 5px; overflow: hidden; } .chat-header { color: #fff; padding: 10px; display: flex; align-items: center; } .chat-icon { width: 30px !important; height: 36px; margin-right: 10px; } .chat-title { font-size: 14px; color:#1e4f8f; flex-grow: 1; /* Yer kaplaması için */ } .chat-title2 { font-size: 14px; color:#fff !important; flex-grow: 1; /* Yer kaplaması için */ } .chat-icon2 { width: 30px !important; height: 30px; margin-right: 10px; } .chat-title { font-weight: bold; margin-left: 10px; } .image-and-rating { display: flex; align-items: center; } .chat-image { width: 110px !important; height: 60px; margin-right: 10px; } .rating-container { display: flex; align-items: center; border: 1px solid #f2f2f2; border-radius: 4px; padding: 5px; } .chat-content{ padding-right:8px; } .rating { font-size: 20px; color: #ffc107; } .rating-number { margin-left: 5px; font-size: 13px; font-weight:600; color:#000080; padding-right:8px; } </style> </style> <div class="<?= $classes ?>"> <?php $i = 1; echo '<div class="row orun-grid orun-grid-6" >'; echo '<div class="orun-grid-start orun-col-p100 middle full d-flex d-flex-wrap" >'; ?> <div class="orun-grid-item orun-item-5 orun-col-p100 orun-col-p100-sm" > <div class="orun-grid-text " style="margin-bottom:8px !important;"> <div class="chat-box"> <div class="chat-header"> <?php if (!empty($instance['imagefield']['url'])) { $image_url = esc_url($instance['imagefield']['url']); if (!empty($image_url)) { echo ' <img class="chat-icon" src="' . $image_url . '"> '; } } ?> <div class="chat-title"><?php if (!empty($instance['banner_text'])) { echo wp_kses_post($instance['banner_text']); } ?></div> </div> </div> <div class="chat-box3"> <div class="chat-content"> <div class="image-and-rating"> <img class="chat-image" src="<?php if (!empty($instance['imagefield2']['url'])) { $image_url = esc_url($instance['imagefield2']['url']); echo $image_url; }?>" alt="Görsel"> <div class="rating-container"> <div class="rating">★</div> <div class="rating-number"><?php if (!empty($instance['banner_rating_number'])) { echo wp_kses_post($instance['banner_rating_number']); } ?></div> </div> </div> </div> </div> <span style="font-size:13px;color:gray;font-weight:300 !important;"><a rel="nofollow" href="<?php the_permalink(); ?>"><?php if (!empty($instance['cta_orun'])) { echo $instance['cta_orun']; } ?></a></span> </div> </div> <?php echo '</div>'; echo '</div>'; if (!empty($instance['affi22active'])) { echo '<div class="row orun-grid orun-grid-6" >'; echo '<div class="orun-grid-start orun-col-p100 middle full d-flex d-flex-wrap" >'; ?> <div class="orun-grid-item orun-item-5 orun-col-p100 orun-col-p100-sm"> <div class="orun-grid-text " style="margin-bottom:8px !important;"> <div class="chat-box"> <div class="chat-header"> <?php if (!empty($instance['imagefield22']['url'])) { $image_url = esc_url($instance['imagefield22']['url']); if (!empty($image_url)) { echo ' <img class="chat-icon" src="' . $image_url . '"> '; } } ?> <div class="chat-title"><?php if (!empty($instance['banner_text2'])) { echo wp_kses_post($instance['banner_text2']); } ?></div> </div> </div> <div class="chat-box3"> <div class="chat-content"> <div class="image-and-rating"> <img class="chat-image" src="<?php if (!empty($instance['imagefield33']['url'])) { $image_url = esc_url($instance['imagefield33']['url']); echo $image_url; }?>" alt="Görsel"> <div class="rating-container"> <div class="rating">★</div> <div class="rating-number"><?php if (!empty($instance['banner_rating_number2'])) { echo wp_kses_post($instance['banner_rating_number2']); } ?></div> </div> </div> </div> </div> <span style="font-size:13px;color:gray;font-weight:300 !important;"><a rel="nofollow" href="<?php the_permalink(); ?>"><?php if (!empty($instance['cta_orun'])) { echo $instance['cta_orun2']; } ?></a></span> </div> </div> <?php echo '</div>'; echo '</div>'; } ?> </div> <?php } } } ?>