Integrate Cloudflare Image Resizer in dynamic content

[lukefinsaas]

Hi folks,

I’m trying to integrate Cloudflare Image Resizer into our client’s ecommerce site: https://jaxengrey.com/

You’ll see that I’ve been able to successfully integrate the URL format into raw content elements into the first slider image, but I’m stumped on the ACF Gallery (splash slider) and the secondary WooCommerce images (below the fold sliders).

When I pull in the ACF Gallery images with {{dc:looper:item}}, I’m given the Image ID, not the URL. The return format is set to Image URL in the ACF field group. Thoughts? Maybe there’s a format="date"-type attribute that we can use to force pull in the URL?

With the secondary Woo images, I’m not sure how/if I can even access those URLs. Happy to add another looper if I need to go get the Woo Gallery array and then consume just one — but I’m not sure that’s possible… I’ve seen a few posts on the forum that the Woo Product Gallery images are not accessible via dynamic content but wondering if Pro 6.0 has added that ability?

Thanks!

Luke

[ruenel]

Hello Luke,

Thanks for writing in!

Is the ACF Field returning the ID or URL? Please try to change the return format of your ACF Field to URL instead. You will need to turn ON the Dev Toolkit in Cornerstone.

You will have to inspect the Image element and then modify the source where you insert the custom URL for the image.

As for the Woo Gallery, we do not have any Looper to access those images. The Product Gallery element that we have in the builder right now is actually the dynamic WooCommerce made into an element so that it can easily be drag and drop to any location in the layout.

Best Regards.