Update templates/menu.html

templates/menu.html

@@ -865,10 +865,25 @@
                                     {% if item.Section__c != 'Soft Drinks' %}
                                         <div class="toggle-details" data-item-name="{{ item.Name | default('Unnamed Item') }}">Show Details</div>
                                         <div class="item-details" id="details-{{ item.Name | default('unnamed-item') | replace(' ', '-') }}">
-                                            <h6>Ingredients</h6>
-                                            <p>{{ item.Ingredients__c | default('Not specified') }}</p>
-                                            <h6>Description</h6>
-                                            <p>{{ item.Description__c | default('No description available') }}</p>
+                                            {% if item.Ingredients__c %}
+                                                <h6>Ingredients</h6>
+                                                <p>{{ item.Ingredients__c }}</p>
+                                            {% endif %}
+                                            {% if item.Description__c %}
+                                                <h6>Description</h6>
+                                                <p>{{ item.Description__c }}</p>
+                                            {% endif %}
+                                            {% if item.Nutritional_Info__c %}
+                                                <h6>Nutritional Info</h6>
+                                                <p>{{ item.Nutritional_Info__c }}</p>
+                                            {% endif %}
+                                            {% if item.Allergens__c %}
+                                                <h6>Allergens</h6>
+                                                <p>{{ item.Allergens__c }}</p>
+                                            {% endif %}
+                                            {% if not (item.Ingredients__c or item.Description__c or item.Nutritional_Info__c or item.Allergens__c) %}
+                                                <p>No details available.</p>
+                                            {% endif %}
                                         </div>
                                     {% endif %}
                                 </div>
@@ -1172,7 +1187,6 @@
             menuCards.forEach(card => cardObserver.observe(card));
             menuVideos.forEach(video => videoObserver.observe(video));
 
-            // Updated toggle logic for single active details section
             const toggleLinks = document.querySelectorAll('.toggle-details');
             toggleLinks.forEach(link => {
                 link.addEventListener('click', function () {