{"id":8264,"date":"2021-08-15T13:28:06","date_gmt":"2021-08-15T03:28:06","guid":{"rendered":"https:\/\/wpdevdesign.wpengine.com\/?p=8264"},"modified":"2022-02-22T12:22:25","modified_gmt":"2022-02-22T01:22:25","slug":"meta-box-relationship","status":"publish","type":"post","link":"https:\/\/wpdevdesign.com\/meta-box-relationship\/","title":{"rendered":"Meta Box Relationship"},"content":{"rendered":"
\n
\n

This members-only<\/a> tutorial provides the steps to use Meta Box<\/a> to set up a relationship between two custom post types, portfolio<\/code> and product<\/code> and output a list of portfolio items with the related products for each item as an unordered list.<\/p>\n

\"\"<\/a><\/figure>\n
\"\"<\/figure>\n

While the tutorial shows implementing this in Oxygen<\/a>, it can be applied in any WordPress site.<\/p>\n

Step 1<\/h2>\n

Install Meta Box and MB Relationships<\/a> extension or Meta Box AIO<\/a>.<\/p>\n

Assuming that both the CPTs that you want to connect are already registered and have some items, create a new Relationship at Meta Box > Relationships.<\/p>\n

Set the post types in the From and To sections.<\/p>\n

Note that the relationship is bi-directional out of the box (what's up ACF?) and \"Reciprocal relationship\" should not be ticked. That is for relationship between items of the same post type.<\/p>\n

\"\"<\/a><\/figure>\n

Step 2<\/h2>\n

Edit your portfolio items and assign the corresponding product(s) for each.<\/p>\n

\"\"<\/figure>\n

Step 3<\/h2>\n

In this tutorial we are going to output the portfolio CPT items with related products for each item on a static Page.<\/p>\n

Create your Page and edit it with Oxygen.<\/p>\n

Add a Section and a Code Block inside. Set its width to 100%.<\/p>\n

PHP & HTML:<\/p>\n <\/div>\n

\n

This is a premium members-only content.<\/p>\n

To view the rest of the content, please sign up for membership ($47\/month or $599 one-time)<\/a>.<\/p>\n

Already a member? Log in below or here<\/a>.<\/p>\n <\/div>\n