How to add custom HTML code to a product page

For one of my hard good shopify products, I made an HTML, CSS, and JS script, for a product customizer with a renderer of what the customized product would look like. How can I add this customizer + renderer code to a product page? And let me see what customizations people choose when they buy the product? I would be happy to give more information if anyone needs it.

Hi @Patrick4 In OS2.0 compatible themes you can use a custom-liquid section or block.

To get per product info that’s purchased use line item properties, or cart attributes

https://community.shopify.com/topic/616503

https://community.shopify.com/topic/613718

If you need control over exact layout and position you’ll need to learn customize the theme , or hire someone to do the integration.

https://shopify.dev/themes

If developing an app https://shopify.dev/docs/apps/build/online-store

If you need this customization integrated for a singular theme then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Good Luck.

Thank you so much, I may come back another day to ask more questions about this if I have them.