Branch Slider widget in Restaurant Addon plugin is to show the multiple restaurant branches on a single page. You can use this layout of the widget based on your needs. From the below steps, you will see how to work with Brnach Slider Widget.
Step O1 :
In the unique Restaurant Addon Widget, you can see Branch Slider Widgets in the Elementor Sidebar Widget. Simply drag and drop it to the highlighted area.
Step O2 :
After adding Branch Slider 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.
- Branch Slider Options : In this section you have options like Branch Slider Items, Zoom, Height. In this Brnach Slider Items you can add Image, Label, Title, Address Title, Location, Contact Title, Mail, Mail Link, Phone Phone Link, Hours Title, Timings, Customer Rating, Rating Text, Button Text, Button Link.
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.
- Map Using this option you can edit the CSS Filters for normal state and CSS Filters, Transition Duration for hover state.
- Section : In this you can control the Background Color, Margin, Info Padding, Padding, Border Type, Section Box Shadow, Border Radius.
- Icon: Here you can control the Icon Size, Background Type for icon and Number Typography, Number Color, Background Type for number of the process section.
- Title : Here you can control the Padding, Typography, Color, Title Shadow of the title.
- Sub Title : Here you can control the Padding, Typography, Color, Title Shadow, Title Left, Title spacings of the sub title.
- Button : In this button option you have options for changing Button Width, Margin, Border Radius, Padding, Typographyand Color, Background Color, Border, Button Shadow for normal state and hover state of the button.
Step O4 :
In this step you’ll see what are the options available in the Process 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 Branch Slider widget Here