Conditionally hide content on a product page

[artooras]

I'm building a public app that adds a banner/widget on a product page. However, I need to display the widget for certain product types only. My understanding is that the best way to do it is to add the widget to the liquid template, and then conditionally hide it when it shouldn't be displayed.

Where/when should this code for condition check be run? Is there a guide or tutorial for something similar? Or relevant documentation?

Thanks for any help!

[PaulNewton]

https://shopify.dev/apps/online-store/theme-app-extensions 

https://shopify.dev/apps/online-store 

[artooras]

Thanks!