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