Display ACF field in tab

Support
#1

I have an ACF field that I’m trying to insert into a tab. You can see the ACF field in action on our current site on this page: https://valentineroof.com/education-center/ Scroll down to the section called INTERACTIVE ROOF DIAGRAMS. I’ve recreated the Options page on our staging site but haven’t figured out how to implement it. I didn’t create or implement the original ACF options page and ACF is kind of new to me. However, I’m confident that I recreated it properly on the back end of our staging site, but I just can’t get it to display. Hoping you can help!

#2

Hello Steven,

Thanks for writing in!

You can display it by using the ACF shortcode.
Please check out this documentation:

We would love to know if this has worked for you. Thank you.

#3

Hmm… This doesn’t seem to be working or, probably more accurately, I’m doing something wrong. I’ve tried to use the shortcode found in both of those pages but nothing is displaying. Any chance you could check it out?

#4

Hello Steven,

Thanks for updating the thread.

Can you share the login details for you website in secure note for us to take a closer look?

Thanks.

#5

Can you see the secure note above?

#6

Hello Steven,

Thanks for updating the thread.

Please grant administrator level permission as current account does not has necessary permissions. For more information, please take a look at following article.

https://codex.wordpress.org/Roles_and_Capabilities

Thanks.

#7

I’m so sorry for the delay. The account was just granted administrator privileges.

#8

Hi Steven,

The correct shortcode for repeater acf is

[acf field="{$repeater_name}{$row}{$sub_field_name}"]

Though I checked and your acf doesn’t seem to be setup correctly.

You need to add a value somewhere for the fields that you have setup.

The Location was set to this

Kindly review the link below for your guide on how to setup the custom fields correctly

Thanks

#9

Unless I’m mistaken (like I said, ACF still confounds me a bit) that should be in the options page I setup, right?

#10

Hi Steven,

The custom fields when called and there is no supplied ID, it will then pick up the fields from the current post or page. You have added the values from a different page (admin specific) and placed the shortcode on another page without an ID. Hence, will not work.

Example,

[acf field="{$roof_type}{$composite}{$background_image}" post_id="8369"]

But it will still not work, it needs a wrapper that will repeat it. Example, a PHP for loop in fact, this is a PHP variables {$roof_type}{$composite}{$background_image} and will only work on PHP and not as HTML. The one will work is something like this

[acf field="roof_type_0_background_image" post_id="8369"]

Which means, the background image of the first row (always starts at zero) of roof type. Which means, it needs something to increase 0 to make it loop. I’m not sure how it was implemented from your another page, would you mind providing the login credentials to that as well?

Thanks!

#11

Sure thing.

#12

Hi Steven,

I checked and login credentials are incorrect, please let us know the latest one.

Thanks!

#13

Changed the login credentials. See secure note above.

#14

Hi Steven,

It’s hardcoded to the theme, it’s not created through the loop shortcode within the editor or builder.

With so many structures and layout, it’s not just possible alone with that loop shortcode. I recommend contacting a developer to port your existing templates to a shortcode and then you can implement it within the tabs or builder text elements.

Thanks!

#15

I appreciate the help. Thanks!

#16

You’re welcome!
We’re glad @Rad were able to help you out.

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.