This premium members-only tutorial provides the steps to use Advanced Custom Field's Post Object type of field to associate a product post type item to a Page and display this related product's info like title and image on the Page (not just in the Oxygen editor but also on the front end).

related_product custom field of Post Object type being defined for Pages:

Custom field being populated by editing a Page:

Related product's info being output on the Page:

Note: We will be covering the case where the post object field will have a single value and not multiple values for now.

Step 1

Create your field group having a field of "Post Object" type, select which Post Type items should appear in the dropdown, leave the Return Format as the default (Post Object), set your location rule and save .

Step 2

Edit your entries (Pages in this example) and set associated/related entry of the other post type (a WooCommerce Product in this example).

Step 3

Edit the Oxygen Template that applies to your Pages.

Add a Code Block inside a Section.


This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?



You need to be logged in to view and post comments.
Not a member yet? Join here.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: