Calculator on Infinite Scrolling pages.

  • Resolved Graicifyd

    (@graicifyd)


    1 year, 4 months ago

    Ony single posts, I have infinite scrolling enabled such that the next post get loaded automatically at the end of each post and the url also changes in thee address bar.

    i noticed that only the calculated form in the first post shows, the ones in the auto loaded post do not get displayed.

    please how can I solve this?

    Thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    I’m sorry, but I don’t know how the infinite scroll plugin you use works. If it does not replace the shortcodes into the pages contents, there is no way that our plugin can display the forms.

    You can try by inserting the forms shortcode with the iframe attribute. Ex.

    [CP_CALCULATED_FIELDS id="1" iframe="1"]

    For additional questions, please, provide the URL to the page that contains the infinite scroll and the forms.

    Best regards.

    Thread Starter Graicifyd

    (@graicifyd)

    Thank you.

    This works, but the custom CSS I apply doesn’t work as usual.

    For instance, the font is different from what I have on my site.

    And the form has a scroll bar by the site as if it is a poup up.

    Here is the link to the page. If you scroll down, you will see the next post without the calculated forms.

    https://avasophi.com/ideal-weight-calculator/

    • This reply was modified 1 year, 4 months ago by Graicifyd.
    • This reply was modified 1 year, 4 months ago by Graicifyd.
    Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    Could you please remove the iframe attribute to check the behavior of your infinite scroll with the default shortcodes?

    Best regards.

    Thread Starter Graicifyd

    (@graicifyd)

    I have removed the iframes in the code.

    Only the first form appears. You can take a look.

    Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    Thank you very much. Yes, your website requires the use of iframe attributes because the shortcodes are not being replaced.

    If you want to preserves some styles, you must include them as part of your form. For example, you can insert an “HTML Content” field in the forms with link tags similar to:

    <link rel='stylesheet' id='wp-block-library-css'  media='all' />
<link rel='stylesheet' id='classic-theme-styles-css'  media='all' />

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Calculator on Infinite Scrolling pages.’ is closed to new replies.