I’d like to offer more transparency to my customers regarding the ingredients we use. Ideally, I’d like each ingredient in a product to be clickable that launches a modal with more information on that specific ingredient. I have my head wrapped around modals, enough to implement that piece at least. However, I’d like the information to be pulled dynamically from a database. Most of our ingredients repeat across products, so it would be ideal if say: if ingredient list contains “coconut oil” generate modal with additional information. This is where I’m clueless.
On my current website I have all ingredients for each product in an external snippet called into an ingredients tab based on the product title. I’ve started inputting ingredients in metafields for a new website launch (Sense theme) moving forward. I have no idea which of these methods, if either, is the correct way to list ingredients that will play well with modals.
Has anyone ever tackled something this before? Or could possibly point me in the right direction? Much appreciated.