[Support request] GP with Elementor single product template load issue

[SCIP]

Hi team. I am using Woocommerce to create products, which have ACF fields assigned. I am using a single product template for the products, which I built using Elementor Pro. When a product is loading the page displays all content, then the Short Description field and the Price field vanish, and reload after a few seconds. Both of these are native Woocommerce fields. If I switch to Twenty Nineteen theme the issue is resolved, so I don’t think it is an Elementor issue. I am using GP Pro and all my plugins are up to date as is my WordPress version. No caching plugins. I had the GP Woocommerce module disabled, have tried enabling it, but it makes not difference. Same with ACF. I would be grateful for any ideas! Thank you.

[David]

Hi there,

can you provide a link so we can see the issue?

[SCIP]

Hi David,
I have taken maintenance mode off briefly; here is a product page:
https://stepbackintimebrighton.co.uk/product/daily-mail-ideal-home-exhibition-1957/
Thank you!

[David]

This is what i am seeing:

[SCIP]

Hi David,

Yes that is the page fully loaded. Do you not see the sentence beginning ‘Ironwork in the garden’ and the £2.00 price load, vanish, and then load again? I see this on all devices.

[David]

I notice a staggered load of elements, but theres a hell of a lot of markup on that page. Can you try de-activating the GP Woocommerce module.

[SCIP]

Hi David, re: markup,the site is nowhere near finished yet. As I mentioned in my OP, the GP Woocommerce module is deactivated. The only elements which don’t load instantly for me are short description and price. What seems weird is that this doesn’t happen with Twenty Nineteen. I have just switched themes temporarily – can you see the difference?

[David]

I am seeing similar staggered loading:

https://www.loom.com/share/4dc433db1523417994fea2f5122e97c2

[SCIP]

Hmmm. Thanks for the Loom vid. On it I see the custom fields loading at the same time as as the Woocommerce short description and price. With GP active the latter load, vanish and reload. I also don’t see the page jump as per the loom. Maybe I should just ditch Elementor for single products. Shame, because the customer really wants ACF and a lot of visual customisation.

[David]

You may want to look at using the GP Hook Element – it covers Woo hooks:

https://docs.generatepress.com/article/hooks-element-overview/

You can find all the Woo hooks here:

https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Really simple to add your ACF via this method.

If you need help with any CSS styling let us know.

[SCIP]

Thanks for the advice David. By the way – the flying seagull was not my idea 😉

[David]

You’re welcome …. its kinda fitting for the product 🙂

[Author]

Posts