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