Dynamic content in single layout JS

Support
#1

Hello,

as one can see, there is the icon for dynamic content at the JS for pages or any other cornerstone document.

Can that be used to insert dynamic content… e.g. from ACF into a javascript?

In my case I want to be able to change the parsing level for h-tags at this js line:

$('#article').find('h2, h3').each(function(index) {

and replace it with a value set by using ACF when editing posts… eg by using:
{{dc:acf:post_field field="toc_level"}} - which would then have the values “h2”, “h2, h3” or “h2, h3, h4”

image
image1634×834 133 KB

best regards
Mirco

#2

Hey Mirco,

Thanks for writing in!

You can try this:
$('#article').find('{{dc:acf:post_field field="toc_level"}}').each(function(index) {

assuming that the ACF will return comma separated values.

Best Regards.

#3

Hi @ruenel

I’ve already tried that and the output was just the the dc string, but not the value. I thought I may have messed up the " or ’ somehow :slight_smile:

From the source code:

image
image1452×370 82 KB

Using the {{dc:…}} gives a correct output when using it at a text element:

image
image808×120 2.69 KB

I also tried to put a whole simple little JS command via a {{dc:…}}, but at the source code the output also was just the {{dc:…}} string and it gives me a code warning at the JS editor:

image
image1114×174 32.2 KB

The simple JS is just an alert("Test") I

best regards
Mirco

#4

Hello Mirco,

I tested it on my end and replicated the issue. I suspect it might be a bug of the latest release I went ahead and reported it to our development team. I would request you, please stay tuned for succeeding theme updates.

Thanks for understanding

1 Like
#6

Good to see, that this was fixed with the latest update :slight_smile:

Thanks a lot!

1 Like
#7

Awesome to hear. Have a great day.