Hansj Posted September 10, 2021 Share Posted September 10, 2021 Please help, 1 )In order to implement the Instalment Widget onto your website, add the script below to either your header or footer: <script src="https://app.mobicredwidget.co.za/assets/js/instalment.js"></script> 2) Then once the script has been installed, paste the HTML code below wherever you would like the widget to appear: <div id="instalmentCalc" data-amount="1000"></div> 3) When using PrestaShop, the most common place to display the Instalment Widget would be on the product detail page. You can find this under your Theme folder. Look for the product.tpl file and place the code below the "price" section. When working on this template page, you will have access to the product object. Using this object you can gain access to the productPrice variable. Once you have this, you can pass the variable directly into the data-amount property to dynamically add the price the widget: <div id="instalmentCalc" data-amount="{$productPrice}" data-before="Credit Amount:" data-after="per month" data-textColor="#666" data-bgColor="transparent" data-padding="0" data-margin="5" data-fontFamily="inherit" data-fontSize="16" data-fontWeight="normal"> </div> Thanks Hans Link to comment Share on other sites More sharing options...
endriu107 Posted September 10, 2021 Share Posted September 10, 2021 In 3rd you have pointed file, in 1. file head.tpl 2. file layouth-both-column.tpl Link to comment Share on other sites More sharing options...
Hansj Posted September 12, 2021 Author Share Posted September 12, 2021 Hi thank you for nyour help, I will try today. I'm just terribly confused how to add it as I have never worked in html. Link to comment Share on other sites More sharing options...
Hansj Posted September 21, 2021 Author Share Posted September 21, 2021 Hi, Im struggling to add the codes in the differt files, would it be possible for you to assist me if I take screen shots of the files and forward them to you to please assist in adding at the correct position. Your assistence would really be appreciated. Kind regards Hansj Link to comment Share on other sites More sharing options...
endriu107 Posted September 21, 2021 Share Posted September 21, 2021 Yes I will try help you. Link to comment Share on other sites More sharing options...
Hansj Posted October 3, 2021 Author Share Posted October 3, 2021 Hi, thx, please see the 3 files attached, I would appreciate if you could asist me, Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now