Hey Olly, I decided to go the JQuery route, but right now only the first View Option button is working properly since I used that ID to test. Here is my JQuery code:

<script>
jQuery(document).ready(function($) {
$('.wppizza-article').append('<a id="wppizza-article-2035-0-0" class="wppizza-trigger-click">View Options</a>');
})
</script>

Is there an ID or Class I can use that will trigger each menu items respective Ingredients box?

Hmm so with the JQuery method, I would need a script for each menu item? Is there no way to add a generic ID or Class and have the respective ingredients box open?

If not possible, would it be possible via editing the template?

Its a UX thing. Not all items have ingredients so I’m trying to show that there are ingredient options for specific items. Ideally the Ingredients should show up on page load, but apparently that’s not possible, so I’m looking into adding this View Options button so users know that the menu item has available ingredients to choose from / substitute for, before they try to add the item to the cart, and when they click on View Options, the ingredients box should pop up, THEN they can add the the item to the cart, with the available ingredients. I know a menu item in’t auto added to the cart, first the ingredient box pops up and they need to add it to the cart again, but I think the View Options button route is better for user friendliness.

How would I go about adding this View Options button that when click pops open the ingredients box using a filter then? Is there a filter to add an element within .wppizza-article-info?

If not I’ll try the JQuery Each method, but that seems like overkill if there’s a filter I can use.