Particular Recipe widget in Restaurant Addon plugin is to show the full process of a particular recipe. You can use this layout of the widget based on your needs. From the below steps, you will see how to work with the Food Item Widget.
Step O1 :
In the unique Restaurant Addon Widget, you can see Particular Recipe Widgets in the Elementor Sidebar Widget. Simply drag and drop it to the highlighted area.
Step O2 :
After adding Particular Recipe widget in that content area you can simply fill the fields in the Content Tab.
The content tab consists of the content area for the shortcode.
- Video Options : You’ve options like Recipe Title, Non Veg, Video Image, Video Link, Button Icon, Need Button Animation for recipe video.
- Recipe Info : you can add details like Recipe Image, Recipe Info about your recipe.
- Nutrition Info : Here you can add your food nutrition info’s with Nutrition Title, Nutrition Info options.
- Recipe Ingredients : With this option you can add your recipe details with Ingredients Title, Ingredients and ingredients list having options like Icon Type, Upload Icon, Ingredient Title in it.
- With this Preparation Steps option you can add recipe preparation steps one by one with Preparation Title, Preparation Steps. In preparation steps Preparation Step, Preparation Content details are available.
Step O3 :
In this step you’ll see what are the options available in Style Tab.
The style tab consists of options for changing the style of the shortcode.
- Section Title : Here you can control the Padding, Margin, Typography, Color for the section title.
- Inner Title : Here you can control the Padding, Margin, Typography, Color for the inner title.
- Recipe Info : Here you have options for change the Recipe Info Padding, Recipe Info Margin, Title Typography, Title Color, Line Color. and the Icon options like Padding, Icon Color, icon Size for the recipe info’s are available.
- Ingredients : Here you can control the Padding, Margin, Typography, Color for the ingredients section.
- Nutrition Info: You can control the Padding, Margin, Typography, Color for the nutrition info section.
- Preparation : In this section you’ve style options for preparation sections like Padding, Margin.
- Title : Title options like Title Typography, Title Color are available.
- Content : By this section you will get content style options like Content Typography, Content Color, Dot Color, Line Color.
- Button : In this button option you have options for changing Button Width, Border Radius, Color, Ripple Color, Background Color, Section Box Shadow, Border Type, Hover Color, Hover Background Color, Hover Border Type, Hover Border Radius, Hover Ripple Color, Hover Section Shadow of the video button.
Step O4 :
In this step, you’ll see what are the options available in the Particular Recipe widget Advanced Tab.
The Advanced Tab consists of options for adding the advanced options for the shortcode.
- Advanced : It consist options like Margin, Padding, Z-index, CSS ID, CSS Classes for that whole section.
- Motion Effects : it having the animation options for about me section.
- Background : This option having Background Type and Hover Background Type option with Hover Transition Duration in it.
- Border : In this option you’ve options for Border, Box Shadow, Hover Border , Hover Box Shadow with Transition Duration
- Positioning : Her you control the Width of the section and change the Position of the section
- Responsive : IN this option you can hide that section in Desktop, Tablet, Mobile based on your need.
- Attributes : It will help you to add custom Html Attributes but it will available once you installed the Elementor Pro version.
- Custom CSS : You can add your Custom CSS in this field. It will also available once you installed the Elementor Pro version.
You can see types of styles in Particular Recipe widget Here