Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Herkese merhaba arkadaşlar sizlere bugün opencart 2.3.x versiyonları için geçerli sürümlerde uzun kategorilerimizi daha fazlasını oku sayesinde düzgün gözükmesini sağlayacağız. Site sahiplerininen büyük sorunlarından biride uzun kategori açıklamalarıdır. Yazılması ayrı bir dert görünümünüde ayarlaması ayrı bir dert teşkiletmektedir.




Şöyleki site sahibi 600 – 300 kelimelik bir kategori açıklması girdi. Haliyle bu baya uzun bir metin ister istemez sayfayı aşağı doğru basmaktadır. Buna istinaden degörünümde nahoş bir izlenim yapmaktadır. Bu özellik ise belli karakter uzunluğundan fazla olan kategoriye daha fazla özelliğini ekleyeyerek bu yazıya tıklanıldığında ise popup olarak kategorinin tam açıklamasını göstermekedir.

Opencart 2.3.x Kategoride Daha Fazlasını Göster Düzenlemesi Kurulum

Dosyamızı Açalım : catalog/controller/product/

catalog.php

Bulalım :

Alıntı:$data['description'] = html_entity_decode($category_info['description'], ENT_QUOTES, 'UTF-8');

Üst Satıra EKleyelim :

Alıntı:$data['description2'] = utf8_substr(strip_tags(html_entity_decode($category_info['description'], ENT_QUOTES, 'UTF-8')), 0, $this->config->get($this->config->get('config_theme') . '_product_description_length')*5) . '...<a href="#test-popup" class="open-popup-link"><b style="color:"#00ff40">[ Daha Fazla ]</b></a>';



$this->document->addScript('catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js');
$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific-popup.css');

Dosyamızı Açalım : catalog/view/theme/temamız/template/product/

category.php

Alıntı:<div class="col-sm-10"><?php echo $description; ?></div>

Değiştir :

Alıntı:<?php if (strlen($description) > '170') { ?>
<div class="col-sm-10"><?php echo $description2; ?></div>
<?php } else { ?>
<div class="col-sm-10"><?php echo $description; ?></div>

<?php } ?>

Bulalım :

Alıntı:<?php echo $footer; ?>

Üst Satıra Ekleyelim :

Alıntı:<div id="test-popup" class="white-popup mfp-hide">
<?php echo $description; ?>
</div>
<script type="text/javascript"><!--
$('.open-popup-link').magnificPopup({
type:'inline',
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
});
//--></script>

Dosyamızı Açalım : cataloag/view/javascrip/jquery/magnific/

magnific-popup.css

En Alt Satıra Ekleyelim :