Product subtotal of paypal not showing up in Tumblr site

  • Profile Image
    meccainstitute
    Asked on August 10, 2015 at 07:28 AM

    My Clients website is  tumblr based and with DNS mapping to the tumblr site

    www.mecca-institute.org

    The form is located at www.mecca-institute.org/registration

    when adding paypal shopping cart with subtotals adding while filling the form and selecting multiple products the total shows 0 $ but after submitting the form on the paypal checkout page the total and number of products shows up corrent but no total shows while filling from and selecting the products.

    This is not the case when the form is previewed on jotform.

    Using this embed script on the tumblr page

    <script src="https://secure.jotformpro.com/jsform/52183441805957" type="text/javascript"></script>

     

    Tried using the iframe embed on tumblr but the form does not load up on the page

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52183441805957" frameborder="0" style="width:100%; height:1973px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>.

     

  • Profile Image
    Charlie
    Answered on August 10, 2015 at 10:38 AM

    Hi,

    Have you tried following the methods mentioned here: https://www.jotform.com/help/54-Adding-Form-to-Tumblr. It seems like there's a code conflict between your website and the form itself.

    If that doesn't work, please do try again the iFrame embed code but make sure to remove the script code that was included on it, add it on an HTML app.

    Here's an example: 

    Here's my iFrame embed code.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/52214259927964" frameborder="0" style="width:100%; height:514px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Now remove the ones in bold or in green highlight and just use the code wrapped in <iframe> tags. This is now the final code that you'll need to use.

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotformpro.com/form/52214259927964" frameborder="0" style="width:100%; height:514px; border:none;" scrolling="no"></iframe>

     

    Do let us know if any of the solutions above worked.

    Thanks.