Adding a credit card installment table to the product page

Technical Q&A
, , ,

Topic summary

A Shopify store owner received HTML/CSS code and a JavaScript snippet from their payment provider (PayTR) to display credit card installment options on product pages, but doesn’t know where to implement it.

Code Components:

  • CSS styling for an installment table layout
  • A <div> container with ID paytr_taksit_tablosu
  • A PayTR script that dynamically generates the installment table

Current Status:

  • Store URL provided: obelyashop.com
  • A community helper requested additional context about the code source and offered to identify the exact implementation location
  • The payment system (PayTR) only provided the code without integration instructions

Next Steps:

  • Awaiting guidance on which theme file to edit (likely product template or a custom section)
  • Need clarification on whether there’s official documentation from PayTR
Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1 
Hello, I want to show my credit card installment options on my Shopify site. This is the code you gave me, but I don't understand where to add it. Can you help me? 

<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=7c9c10370d0587dfed978cea8066ff13efdecbf129fac865760f7a179f63899f&merchant_id=607455&amount=Urun-Fiyati&taksit=0&tumu=0"></script>
2

Hey @Yusufyla,

I want to know where you pic the code from.

Is this a finance company that provide you the code? By any chance can you share your store url so that I can take a look and provide you the exact location where this need to be add. And also, don’t forget to share the article where from you pick the above code.

Waiting to hear back from you.

Thanks

3

https://obelyashop.com/ this is my website. The payment system only gave me this code.