Konuyu benim gibi google'dan bulanlar için küçük bir katkım olsun. Bu değişiklik ile tab sekmesinden daha hoş bir görselliği olan modal popup pencere ekleyebilirsiniz.
Eğer ki temanız Bootstrap destekliyor ise;
/public_html/catalog/view/theme/
temadı/template/product/product.twig
Dosyasını açın ve
Taksit Seçenekleri şeklinde bir bağlantının gözükmesini istediğiniz yere;
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Taksit Seçenekleri</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<style>
#paytr_taksit_tablosu{clear: both;font-size: 12px;max-width: 1200px;text-align: center;font-family: Arial, sans-serif;}
#paytr_taksit_tablosu::before {display: table;content: " ";}
#paytr_taksit_tablosu::after {content: "";clear: both;display: table;}
.taksit-tablosu-wrapper{margin: 5px;width: 280px;padding: 12px;cursor: default;text-align: center;display: inline-block;border: 1px solid #e1e1e1;}
.taksit-logo img{max-height: 28px;padding-bottom: 10px;}
.taksit-tutari-text{float: left;width: 126px;color: #a2a2a2;margin-bottom: 5px;}
.taksit-tutar-wrapper{display: inline-block;background-color: #f7f7f7;}
.taksit-tutar-wrapper:hover{background-color: #e8e8e8;}
.taksit-tutari{float: left;width: 126px;padding: 6px 0;color: #474747;border: 2px solid #ffffff;}
.taksit-tutari-bold{font-weight: bold;}
@media all and (max-width: 600px) {.taksit-tablosu-wrapper {margin: 5px 0;}}
</style>
<div id="paytr_taksit_tablosu"></div>
<script src="https://www.paytr.com/odeme/taksit-tablosu/v2?token=1616b7ab771554934d8365969910738c86d342be084dde61d4e3ef8f3c339c24&merchant_id=Üye_İşyeri_No&amount={{ special }}&taksit=12&tumu=0"></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>
</div>
</div>
</div>
</div>Üye_İşyeri_No yazan yere kendi üye işyeri numaranızı yazmanız gerekiyor.
Tema önbellek ve SAS temizledikten sonra çalışacaktır.
Ekran Görüntüleri;