Hello,

I am trying to use LayerSlider dynamically with my custom post type (Vrata) where each single post (door product) has its own content managed with ACF fields.

>CLEAR IMAGE BASED PROBLEM EXPLANATION LINK

My goal:

• On each single Vrata post, display a LayerSlider that pulls the correct door image (PNG) and dynamic text fields from ACF.

• I want LayerSlider to change based on the current post being viewed (so if post A has a white door and post B has a black door, the slider should reflect that automatically).

• Ideally, this would allow me to animate the door PNG inside LayerSlider, while still pulling the correct image/text from the current post.

The issues I am running into:

1. The [meta:fieldname] placeholder does not properly return the ACF image field value (it either outputs 989 or doesn’t render the image at all).

2. Using [image] only pulls the featured image, but it seems to always display the same image across different posts, not the correct one for each post.

3. I tried editing my theme templates (single.php, single-vrata.php) to pass the post_id into the shortcode like this:

   echo do_shortcode('[layerslider id="2" post_id="' . get_the_ID() . '"]');
   

   But my theme (Royal Elementor Kit) seems to ignore these templates and instead relies on Elementor’s Theme Builder for single posts. That means I can’t confirm if LayerSlider is picking up the post context.

My main question:
How can I make LayerSlider reliably pull the correct ACF fields (images and text) for the current post being viewed in a Single Post template?

I need to know if:

• LayerSlider can directly recognize the current post context when embedded in Elementor’s Single Post template.

• Or if I must pass the post_id somehow.

• Or if this is a known limitation and I need a different approach.

Any guidance or code snippet from your side would help a lot,  I’ve invested in LayerSlider specifically for its animation capabilities, and I just need to connect it properly to my ACF data.

Thank you in advance for your support!

Kind regards,
Zoran

Hi John,

Thank you very much for clarifying. That makes sense now ,I see why the [meta:fieldname] placeholder only returns the numeric ID for images.

I like your suggestion of using a helper shortcode. Could you please confirm if something like this would work?

function acf_image_url_shortcode($atts) {    $atts = shortcode_atts(        array(            'field' => '',            'size'  => 'full',        ),        $atts    );
    if (empty($atts['field'])) return '';
    $image_id = get_field($atts['field']);    if (!$image_id) return '';
    $image_url = wp_get_attachment_image_url($image_id, $atts['size']);    return esc_url($image_url);
}
add_shortcode('acf_image_url', 'acf_image_url_shortcode');

Then in LayerSlider I’d call:

[acf_image_url field="vrata_slider"]

Would that be the correct approach?

Also, would this method still respect the current post context automatically, without needing to pass post_id manually?

Thanks again for your help!

Kind regards,
Zoran

Hello again,

I’ve successfully created a shortcode that outputs my ACF image field as an <img> tag. Example:

function acf_image_url_shortcode($atts) {    $atts = shortcode_atts(        array(            'field' => '',            'size'  => 'full',        ),        $atts    );
    if (empty($atts['field'])) return '';
    $image_id = get_field($atts['field']);    if (!$image_id) return '';
    $image_url = wp_get_attachment_image_url($image_id, $atts['size']);
    // Instead of just URL, return a real IMG tag    return '<img src="' . esc_url($image_url) . '" alt="" />';
}
add_shortcode('acf_image_url', 'acf_image_url_shortcode');

When I use it in a LayerSlider Text/Dynamic Layer, it works perfectly:

[acf_image_url field="vrata_slider"]

However, I cannot use the same logic in Image Layers. LS seems to ignore shortcodes inside media['image'] fields and treats them as plain text, so the image never loads.

Could you please confirm if LayerSlider officially supports evaluating shortcodes inside image/background fields? Or is a filter like this (running do_shortcode() on media['image']) the only way to make it work?

This is the final missing piece for making my single CPT pages fully dynamic. Any guidance would be greatly appreciated.

INSPECT EL. ERROR LOG IMG

Thank you,
Zoran

Thank you so much for all your support and the clear explanations throughout this process. It really helped me understand what was going on under the hood with LayerSlider and ACF.

I’ll keep using the current workaround for now, and I’ll count on the beta release at the end of this week to finally start using dynamic images directly inside image layers across my LayerSlider-powered websites. Really looking forward to testing it out once it drops.

Thanks again for the assistance and for the proactive improvements you and the team are making to LayerSlider!

Best regards,
Zoran

P.S. Please let me know if the beta timing changes so I can plan around it.