Pricing Tab widget in Restaurant Addon plugin is to show the pricing details based on the package. You can use this layout of the widget based on your needs. From the below steps, you will see how to work with the Pricing Tab Widget.
Step O1 :
In the unique Restaurant Addon Widget, you can see Pricing Tab Widgets in the Elementor Sidebar Widget. Simply drag and drop it to the highlighted area.
Step O2 :
After adding Pricing Tab 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.
- Pricing Tab Options : You’ve options like Active Pricing Tab Number, Toggle Align in this section.
- In the Pricing Tab Group section you have options for controlling the pricing tab like Schedule Group, Pricing Tab Alignment in Schedule Group section you’ve options like Pricing Tab Title, Pricing Tab Subtitle, Price, Price In, Tax Info, Image, Pricing Tab ID, Content.
- Pricing Content: Create pricing contents in Templates so you can select the needed content Inside the Content Option dropdown in Pricing Tab.
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.
- Pricing Tab : Here you can control the Pricing Tab Padding, Pricing Tab Margin and Background Color, Border Type, Box Shadow, for normal and active state of the tab section.
- Title : Here you can control the Padding, Typography Color of the title.
- Sub Title : Here you can control the Padding, Typography Color of the sub title.
- Price : Here you can control the Padding, Typography Color of the price text.
- Price In : Here you can control the Padding, Typography Color of the price in text.
- Content : In this section you can control the Padding, Typography, Color of the content section.
Step O4 :
In this step, you’ll see what are the options available in the Pricing Tab 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 Pricing Tab widget Here