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:
![](https://wpdevdesign.com/wp-content/uploads/2020/04/acf-post-object-field.png)
Custom field being populated by editing a Page:
![](https://wpdevdesign.com/wp-content/uploads/2020/04/acf-post-object-field-populated.png)
Related product's info being output on the Page:
![](https://wpdevdesign.com/wp-content/uploads/2020/04/post-object-field-front-end-output-1024x480.jpg)
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.
PHP & HTML:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $599 one-time).
Already a member? Log in below or here.