Home v5 of Vodi is built using Gutenberg.It has 11 blocks.
The Details
1. Movies Slider
Settings
| Field | Type | Description | Default |
|---|---|---|---|
| Search Post | Text | Search the movie by id or name. | None |
| Pick an Background Image | Media | Upload slider background image | None |
| Pick an image | Media | Upload slider thumbnail image | None |
| Style | Selection | You can select style version | Style-v1 |
| Gallery Title | Text | Enter gallery title | Todays Recomendation |
| 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 For Style-1
Output For Style-2
2. 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 slider 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 For Style-1
Output For Style-2
3. Movies Carousel Flex Header Block
Settings
Settings
| Field | Type | Description | Default |
|---|---|---|---|
| Section Title | Text | Enter the section title. | None |
| Nav Action Text | Text | Enter nav action text you can add more action text | None |
| Nav Action Link | Text | Enter nav action URL you can add more action URL | # |
| Plus | Button | Click plus to add more action text and action link. | None |
| Minus | Button | Click minus to remove action text and action link. | None |
| Background Color | Select Control | Choose Background color | Default |
| Style | Select Style | Choose Style | Style-1 |
| Footer Action Text | Text | Enter the Footer Action text icon | None |
| Footer Action Link | Text | Enter the Footer Action link | # |
| 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. | None |
| Columns | Range Control | Drag the slider to set the number of columns to be displayed. | None |
| Order by | Select Control | Choose the order of your movies, either by Title, Date, Id. | Random |
| Order | Select Control | Choose the order of your movies, either by Title, Date, Id. | ASC |
| 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 For Style-1
Output For Style-2
4. TV Episode Carousel Flex Header 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 |
| 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. | None |
| 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 For Style-1
Output For Style-2
5. Featured TV Show
Settings
| Field | Type | Description | Default |
|---|---|---|---|
| Search Post | Text | Enter the name of the movie name and select to show. | None |
| pick Background image | media | Upload background image | none |
| Is Light Background | Checkbox | Enable to set background as light | 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
6. Movies Carousel Flex Header Block
Settings
Settings
| Field | Type | Description | Default |
|---|---|---|---|
| Section Title | Text | Enter the section title. | None |
| Nav Action Text | Text | Enter nav action text you can add more action text | None |
| Nav Action Link | Text | Enter nav action URL you can add more action URL | # |
| Plus | Button | Click plus to add more action text and action link. | None |
| Minus | Button | Click minus to remove action text and action link. | None |
| Background Color | Select Control | Choose Background color | Default |
| Style | Select Style | Choose Style | Style-1 |
| Footer Action Text | Text | Enter the Footer Action text icon | None |
| Footer Action Link | Text | Enter the Footer Action link | # |
| Movies Attributes | Panel Body | Select the video attributes from the below options. | – |
| Limit | Range Control | Drag the slider to set the total number of movies to be displayed. | None |
| Columns | Range Control | Drag the slider to set the number of columns to be displayed. | None |
| Order by | Select Control | Choose the order of your movies, either by Title, Date, Id. | Random |
| Order | Select Control | Choose the order of your movies, either by Title, Date, Id. | ASC |
| 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 For Style-1
Output For Style-2
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. Banner With TV Shows 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 |
| Background Color | Selection | You can select Dark and light BG | Default |
| Style | Selection | You can select style version | Style-v2 |
| Footer Action Text | Text | Enter the Footer Action Text | view all |
| Action Link | Text | Enter the Action Link. | # |
| Pick an image | Media | Upload the image | None |
| TV Shows 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 | 8 |
| Columns | Range Control | Drag the slider to set the number of columns to be displayed | 4 |
| 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 |
| 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 For Style-1
Output For Style-2
9. TV Episode Carousel Flex Header 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 |
| 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. | None |
| 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 For Style-1
Output For Style-2
10. Videos with Featured Video
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 |
| Background Color | Selection | You can select Dark and light BG | Default |
| 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. | None |
| 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 For Style-1
Output For Style-2
11. Movies Carousel Flex Header Block
Settings
Settings
DotCheckboxCheck to show carousel dots.None
| Field | Type | Description | Default |
|---|---|---|---|
| Section Title | Text | Enter the section title. | None |
| Nav Action Text | Text | Enter nav action text you can add more action text | None |
| Nav Action Link | Text | Enter nav action URL you can add more action URL | # |
| Plus | Button | Click plus to add more action text and action link. | None |
| Minus | Button | Click minus to remove action text and action link. | None |
| Background Color | Select Control | Choose Background color | Default |
| Style | Select Style | Choose Style | Style-1 |
| Footer Action Text | Text | Enter the Footer Action text icon | None |
| Footer Action Link | Text | Enter the Footer Action link | # |
| 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. | None |
| Columns | Range Control | Drag the slider to set the number of columns to be displayed. | None |
| Order by | Select Control | Choose the order of your movies, either by Title, Date, Id. | Random |
| Order | Select Control | Choose the order of your movies, either by Title, Date, Id. | ASC |
| 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 For Style-1
Output For Style-2
