Tabs with ACF

• mars

• June 25, 2020 at 12:50 am

Hi

I was wondering how can I add a tab fields, displayed in frontend as a simple tab like this one https://prnt.sc/t5oypw.

Example: I want to create a tab with some raws to insert in product page, displayed only if have values and shows up in frontend like this, https://prnt.sc/t5p25j, with title and tab.

I was reading this resource https://www.advancedcustomfields.com/resources/tab/ but i think it’s just about the backend.

Thanks in advance!

• John Huebner

• June 25, 2020 at 2:45 am

Yes, tab fields are only used in the admin (on acf forms) and cannot be used for showing content in tabs. That is up to you and how you code the php/html

• mars

• June 25, 2020 at 5:44 pm

Ok got it,

have you any advice to embed a tab structure in a product page template?
Thanks a lot!

• vipstephan

• June 27, 2020 at 4:42 am

I would probably use a (nested) repeater field here. The first level would resemble the tabs (have a text field for “tab label” and another repeater inside (second level) for the table rows). You then retrieve the values as described in the documentation for the repeater; HTML and CSS do the layout stuff.