Update templates/menu.html

templates/menu.html

@@ -268,8 +268,8 @@
             <h3>{{ section }}</h3>
             <div class="row">
                 {% for item in items %}
-                    <!-- Check if the item belongs to 'Appetizer', 'Customized Dish', or 'Soft Drinks' category -->
-                    {% if section != 'Appetizer' and section != 'Customized Dish' and section != 'Soft Drinks' %}
+                    <!-- For 'Appetizer', 'Customized Dish', and 'Soft Drinks', remove 'Customisable' text and only show 'ADD' button -->
+                    {% if section == 'Appetizer' or section == 'Customized Dish' or section == 'Soft Drinks' %}
                         <div class="col-md-6 mb-4">
                             <div class="card menu-card">
                                 <img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
@@ -280,12 +280,11 @@
                                         onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{ item.Section__c }}','{{ selected_category }}')">
                                         ADD
                                     </button>
-                                    <div class="customisable-text">Customisable</div>
                                 </div>
                             </div>
                         </div>
                     {% else %}
-                        <!-- For Appetizer, Customized Dish, and Soft Drinks, show only "ADD" button, no "Customisable" text -->
+                        <!-- For other sections, display 'ADD' button and 'Customisable' text -->
                         <div class="col-md-6 mb-4">
                             <div class="card menu-card">
                                 <img src="{{ item.Image1__c }}" class="card-img-top menu-image" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
@@ -296,6 +295,7 @@
                                         onclick="showItemDetails('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image2__c }}', '{{ item.Description__c }}', '{{ item.Section__c }}','{{ selected_category }}')">
                                         ADD
                                     </button>
+                                    <div class="customisable-text">Customisable</div>
                                 </div>
                             </div>
                         </div>
@@ -403,4 +403,4 @@
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
+</html>