Style and animation issue with Ajax loading

  • Resolved dodmov

    (@dodmov)


    8 months, 2 weeks ago

    Hello ,

    I have been trying to use Ajax loading for reusable templates with the Greenshift plugin. I followed the provided tutorial video but I have not got successful.

    My process

    1. Add a new pattern of reusable template.

    I created Advaced tap => Inner tap => Switcher => Container/Wrapper => Slider and Carousel =>… that show in the top and also put a template from Greenshift (Hero section with the button) in the bottom.

    2. Add a shortcode in a new page (APAX example) that was linked

    I followed the video carefully. https://greenshiftwp.com/documentation/greenshift-extra/ajax-loading-for-reusable-templates/

    My shortcode from video = [wp_reusable_render ajax=1 height=100px id=1004]

    My result

    1. The button loading is working well but the effect from the Advanced tap , Switcher, Slider and Carousel were freezing. It can not move anymore.

    2. The animation in a template from Greenshift (Hero section with the button) is not working. The picture and background do not appear and the button hover text does not work.

    Thank you for your support ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author wpsoul

    (@wpsoul)

    You need to know one thing about ajax – it’s required to reinitialized all scripts in ajax response, this means that many scripts will not work in ajax, so you need to avoid using it with different kind of dynamic elements. But simple reusable shortcode will work

    Thread Starter dodmov

    (@dodmov)

    I got it. Thank you for your supporting.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style and animation issue with Ajax loading’ is closed to new replies.

Tags