> For the complete documentation index, see [llms.txt](https://wpdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.themeparrot.com/wordpress-themes/yummy/layout-customization/home-page-styles/menu-module.md).

# Menu module

### 4. Menu module

> Module class: menu-tp

![](/files/MRdoBgmQEifBS5uNZ0z4)

We have used woocommerce product short code Add the text block, and copy and paste the below code

```html
<div class="menu col-xs-12">
<h2 class="widgettitle">Menu</h2>
<h4 class="sub-title">Lorem Ipsum Banner Dollar Standard</h4>
<div class="tp-menu col-xs-12"><img class="alignright wp-image-102 size-full" src="http://yummy_wp.dev/wp-content/uploads/2016/10/food-menu.png" alt="food-menu" width="1200" height="800" /></div>
</div>
<div class="tp-spotlight col-md-12 col-xs-12 col-sm-12">
<div class="col-md-4 col-xs-12 col-sm-4">
<div class="tp-widget col-xs-12">
<h2 class="widgettitle">Appetizer</h2>
[products ids="71, 91, 92, 95"]

</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-4">
<div class="tp-widget col-xs-12">
<h2 class="widgettitle">course</h2>
[products ids="93, 94, 95, 96"]

</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-4">
<div class="tp-widget col-xs-12">
<h2 class="widgettitle">Appetizer</h2>
[products ids="97, 98, 99, 92"]

</div>
</div>
</div>
```