Menu List:

This section consist of a list of items which can be used for any kind of listings on the site.


Available Options:

  • Menu List.

Output:

Code:


<div class="darkout-section">
{% include do-menu-list.html title="Snacks" %}
</div>


How to add content:

  • Step1: Navigate to the data file for menu list in _data > do-menu-list.yml
  • Step2: Add content to the data file as shown in the below example.
- title: Snacks  # Use title for the menu
  description:  # Use description for the menu
  id:  # Use Id for the menu
  dishes:
    - title: Crispy Bhajia  # Use the title for the dish
      prices: "5.25"  # Use the price for the dish
      description:  # Use the description for the dish
    - title: Crispy Mushroom
      prices: "5.25"
      description:
    - title: Paneer Pakora
      prices: "5.25"
      description:
    - title: Mogo Chips
      prices: "3.99"
      description:
    - title: Masala Mogo Chips
      prices: "3.99"
      description:
    - title: Samosa
      prices: "2.75"
      description: 4 pieces with chutney
    - title: Spring Rolls
      prices: "2.99"
      description: 4 pieces with chutney
    - title: Paneer Spring Rolls
      prices: "3.25"
      description: 4 pieces with chutney
    - title: Chilli Chips
      prices: "2.99"
      description:
    - title: Potato Chips
      prices: "1.75"
      description:
  • Step3: In the data file title is a mandatory value. Without using title menu list will not be displayed.

How to add in page:

  • Step1: Add menu list to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-menu-list.html title="Snacks" %}</div>

  • Attributes:
    • Title:
      • Title is a mandatory attribute without using title menu list will not be displayed. (Mandatory)
    • Class:
      • Use additional class here as include variable.