Home v2 via Gutenberg

Home v2 of Vodi is built using Gutenberg.It has 11 blocks.

The Details

1. Slider Movies Block

Settings

Field Type Description Default
Limit Range Control Drag the slider to set the total number of movies to be displayed 3
Columns Range Control Drag the slider to set the number of columns to be displayed 3
Order By Select Control Choose the order of your movies, either by Title, Date, Id. Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the movie by id or name. None
Search Term Text Search the movie by category slug None
Featured Checkbox Check to show featured movies. None
Top Rated Checkbox Check to show Top Rated movies. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

2. Movies Section Aside Header Block

Settings

Field Type Description Default
Section Title Text Enter the section title Popular Movies to Watch Now
Section Subtitle Text Enter the section subtitle Most watched movies by days
Action Text Text Enter the Action Text view all
Action Link Text Enter the Action Link. #
Background Color Selection You can select Dark and light BG Default
Style Selection You can select style version  Style-v1
Movies Attributes Panel Body Select the movie attributes from the below options
Limit Range Control Drag the slider to set the total number of movies to be displayed 5
Order By Select Control Choose the order of your movies, either by Title, Date, Id. Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the movie by id or name None
Search Term Text Search the movie by category slug None
Featured Checkbox Check to show featured moviess. None
Top Rated Checkbox Check to show Top Rated movies. None
Movies Attributes Panel Body Select the movie attributes from the below options
Limit Range Control Drag the slider to set the total number of movies to be displayed 7
Order By Select Control Choose the order of your movies, either by Title, Date, Id. Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the movie by id or name None
Search Term Text Search the movie by category slug None
Featured Checkbox Check to show featured movies. None
Top Rated Checkbox Check to show Top Rated movies. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

3. Episodes with Featured Episode

Settings

Field Type Description Default
Section Title Text Enter the section title Newest Episodes
Action Text Text Enter the Action Text view all
Action Link Text Enter the Action Link. #
Background Color Selection You can select Dark and light BG Default
Pick an background image Media Upload background image None
Style Selection You can select style version  Style-v1
Feature Episode Panel Body Select the Feature Episode from the below options
Search Post Text Search the episode by id or name None
Episode Attributes  Panel Body Select the episode attributes from the below options
Columns Range Control Drag the slider to set the number of columns to be displayed 3
Order By Select Control Choose the order of your episodes, either by Title, Date, Id. Date
Order Select Control Choose the order of your episodes to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the episode by id or name None
Search Term Text Search the episode by category slug None
Featured Checkbox Check to show featured episodes. None
Top Rated Checkbox Check to show Top Rated episodes. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

4. TV Show Section Block

Settings

 

Field Type Description Default
Section Title Text Enter the section title Featured TV Series
Action Text Text Enter the Action Text Today
Action Link Text Enter the Action Link. #
Background Color Selection You can select Dark and light BG Default
Pick an background image Media Upload background image None
Style Selection You can select style version Style-v1
Footer Action Text Text Enter the Footer Action Text none
Footer Action Link Text Enter the Footer Action Link. none
TV Show Attributes Panel Body Select the tv show attributes from the below options
Limit Range Control Drag the slider to set the total number of tv shows to be displayed 2
Columns Range Control Drag the slider to set the number of columns to be displayed 2
Order By Select Control Choose the order of your tv shows, either by Title, Date, Id. Date
Order Select Control Choose the order of your tv shows to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the tv show by id or name None
Search Term Text Search the tv show by category slug None
Featured Checkbox Check to show featured tv shows. None
Top Rated Checkbox Check to show Top Rated tv shows. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

 

5. Featured Movies Carousel

Settings

Field Type Description Default
Feature Movie PreTitle Text Enter the Feature Movie PreTitle Featured
Feature Movie Title Text Enter the Feature Movie Title Discover’18
Feature Movie Subtitle Text Enter the Feature Movie Subtitle none
Pick an background image Media Upload background image None
Action Text Text Enter the Action Text Today
Action Link Text Enter the Action Link. #
Background Color Selection You can select Dark and light BG Default
Style Selection You can select style version Style-v1
Movies Attributes Panel Body Select the Movies attributes from the below options
Limit Range Control Drag the slider to set the total number of movies to be displayed 2
Order By Select Control Choose the order of your movies, either by Title, Date, Id. Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the movie by id or name None
Search Term Text Search the movie by category slug None
Featured Checkbox Check to show featured movies. None
Top Rated Checkbox Check to show Top Rated movies. None
Carousel Args Panel Body Select the movie attributes none
Slide To Show Range Control Drag the slider to set the total number of movies to be displayed None
Slides To Scroll Range Control Drag the slider to set the number of movies to be scrolled None
Dot Checkbox Check to show carousel dots. None
Arrow Checkbox Check to show carousel arrows. None
Autoplay Checkbox Check to autoplay carousel. Random
Infinite Scroll Checkbox Check to infinite scroll carousel. Random
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

6. Hot Premieres Block

Settings

Field Type Description Default
Section Title Text Enter the section title. None
Action Text Text Enter the Action Text. None
Action Link Text Enter the Action Link. None
Plus Button Click plus to add action text and action link. None
Minus Button Click minus to remove action text and action link. None
Hide Movie Title checkbox Enable to hide movie title. Enabled
Limit Range Control Enter the number of products to displayed 4
Columns Range Control Enter the columns to be Displayed 4
Order By Select Control Choose the order of your products, either by Title, Date, Id. Random
Order Select Control Choose the products to be displayed either in Ascending or Descending Order. ASC
Search Post Text Enter the name of the movie name and select to show. None
Search Term Text Enter the name of the category name and select to show. None
Featured Checkbox Check to show featured posts. None
Top Rated Checkbox Check to show Top Rated. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

7. Featured Movie

Settings

 

Field Type Description Default
Search Post Text Enter the name of the movie name and select to show. None
Feature Movie Action Icon Text Enter the feature movie action icon class. None
Pick an image Media Upload the image None
Pick an background image Media Upload background image None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

8. Movies Carousel Aside Header Block

Settings

Field Type Description Default
Section Title Text Enter Section title Romantic forValentines Day
Section Sub Title Text Enter Section sub title  
Action Text Text Enter action text you can add more action text  View All
Action Link Text Enter action URL you can add more action URL #
Header Position Selection You can select Left and Right header alignment Left
Background Color Selection You can select Dark and light BG Default
Style Selection You can select style version Style-v1
Movies Attributes Panel Body Select the movies attributes from the below options
Limit Range Control Enter the number of products to displayed 4
Order by Text Defaults to ‘Date’. One or more options can be passed Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Enter the name of the movie name and select to show. None
Search Term Text Enter the name of the category name and select to show. None
Featured Checkbox Check to show featured posts. None
Top Rated Checkbox Check to show Top Rated. None
Carousel Args Panel Body Select the movie attributes none
Slide To Show Range Control Drag the slider to set the total number of movies to be displayed None
Slides To Scroll Range Control Drag the slider to set the number of movies to be scrolled None
Dot Checkbox Check to show carousel dots. None
Arrow Checkbox Check to show carousel arrows. None
Autoplay Checkbox Check to autoplay carousel. Random
Infinite Scroll Checkbox Check to infinite scroll carousel. Random
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

 

9. Movies Carousel Aside Header Block

Settings

Field Type Description Default
Section Title Text Enter Section title Action & drama Movies
Section Sub Title Text Enter Section sub title  
Action Text Text Enter action text you can add more action text none
Action Link Text Enter action URL you can add more action URL none
Header Position Selection You can select Left and Right header alignment Right
Background Color Selection You can select Dark and light BG Default
Style Selection You can select style version Style-v1
Movies Attributes Panel Body Select the movies attributes from the below options
Limit Range Control Enter the number of products to displayed 4
Order by Text Defaults to ‘Date’. One or more options can be passed Date
Order Select Control Choose the order of your movies to be displayed either in Ascending or Descending Order. DESC
Search Post Text Enter the name of the movie name and select to show. None
Search Term Text Enter the name of the category name and select to show. None
Featured Checkbox Check to show featured posts. None
Top Rated Checkbox Check to show Top Rated. None
Carousel Args Panel Body Select the movie attributes none
Slide To Show Range Control Drag the slider to set the total number of movies to be displayed None
Slides To Scroll Range Control Drag the slider to set the number of movies to be scrolled None
Dot Checkbox Check to show carousel dots. None
Arrow Checkbox Check to show carousel arrows. None
Autoplay Checkbox Check to autoplay carousel. Random
Infinite Scroll Checkbox Check to infinite scroll carousel. Random
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

 

10. Episodes with Featured Episode

Settings

Field Type Description Default
Section Title Text Enter the section title Featured TV Episode Premieres
Action Text Text Enter the Action Text none
Action Link Text Enter the Action Link. none
Background Color Selection You can select Dark and light BG Default
Pick an background image Media Upload background image None
Style Selection You can select style version  Style-v1
Feature Episode Panel Body Select the Feature Episode from the below options
Search Post Text Search the episode by id or name None
Episode Attributes  Panel Body Select the episode attributes from the below options
Columns Range Control Drag the slider to set the number of columns to be displayed 3
Order By Select Control Choose the order of your episodes, either by Title, Date, Id. Date
Order Select Control Choose the order of your episodes to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the episode by id or name None
Search Term Text Search the episode by category slug None
Featured Checkbox Check to show featured episodes. None
Top Rated Checkbox Check to show Top Rated episodes. None
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output

11. TV Episode Carousel Flex Header Block

Settings

Field Type Description Default
Section Title Text Enter the section title Continue Watching – TV Series
Action Text Text Enter the Action Text none
Action Link Text Enter the Action Link. none
Background Color Selection You can select Dark and light BG Default
Pick an background image Media Upload background image None
Style Selection You can select style version Style-v1
FooterAction Text Text Enter the Footer Action Text none
Footer Action Link Text Enter the Footer Action Link. none
Episodes Attributes Panel Body Select the episode attributes from the below options
Limit Range Control Drag the slider to set the total number of movies to be displayed 5
Order By Select Control Choose the order of your episodes, either by Title, Date, Id. Date
Order Select Control Choose the order of your episodes to be displayed either in Ascending or Descending Order. DESC
Search Post Text Search the episode by id or name None
Search Term Text Search the episode by category slug None
Featured Checkbox Check to show featured episodes. None
Top Rated Checkbox Check to show Top Rated episodes. None
Carousel Args Panel Body Select the movie attributes none
Slide To Show Range Control Drag the slider to set the total number of episodes to be displayed None
Slides To Scroll Range Control Drag the slider to set the number of episodes to be scrolled None
Dot Checkbox Check to show carousel dots. None
Arrow Checkbox Check to show carousel arrows. None
Autoplay Checkbox Check to autoplay carousel. Random
Infinite Scroll Checkbox Check to infinite scroll carousel. Random
Design Options Panel Body Adjust the block by margin and padding values None
Padding Top Range Control Enter number pixel to add padding top. None
Padding Bottom Range Control Enter number pixel to add padding bottom. None
Padding Left Range Control Enter number pixel to add padding left. None
Padding Right Range Control Enter number pixel to add padding right. None
Margin Top Range Control Enter number pixel to add margin top. None
Margin Bottom Range Control Enter number pixel to add margin bottom. None
Margin Left Range Control Enter number pixel to add margin left. None
Margin Right Range Control Enter number pixel to add margin right. None
Additional CSS Class Text Enter additional class name. None

Output