How can your themes support BYOB bundle products?

This article is written for theme developers. 

BYOB bundles are Shopify products with a custom template. Customers can mix and match on this template. Each bundle links with a product (a.k.a. the bundle product). 

Please follow this guideline to show the bundle products in your theme:

The bundle product:

• has the type and vendor of "BYOB"
• has a tag of "BYOB display"
• only has the default variant 
• only has 1 option with option name of "Title" and option value of "Default Title"
• has a metafield of "product.metafields.byob.discount". You can check the data with liquid {{ product.metafields.byob.discount }}
• The metafield is the best identifier since other fields can be changed in the Shopify product admin

On the collections or search results:

• Please hide the quickview pop-up for our bundle products
• Please show a "Build Bundle" button (or equivalent text) and redirect the customers to the product page when the button is clicked
• Do not use a quick add button since the customers must select what components are included