Build Streaming Platforms like Netflix, Udemy or Audible
Live stream events, shows, tournaments on any device
Host, publish, manage video, and audio files in one place
Cloud playout software for linear TV & FAST channels
Video compliance checks and fixes with AI
Host branded video meetings on your platform
Sell your individual videos online with pay-per-view instantly
SDKs to deliver cutting-edge video, efficiently and on any device
Test TV Apps on Real Smart TVs Remotely
Alie AI - World's First Streaming Focused AI Engine
Video compliance checks and fixes with AI.
Auto‑generate video subtitles in primary language.
Translate subtitles instantly in 75+ languages.
Deliver tailored content recommendations.
Smart fill meta titles, descriptions, tags & casts.
Automate regulation checks and edits in one click.
Dub videos into languages your customers speak.
Split long videos & audio files into structured chapters.
Create clips, reels, social snippets and more in one click.
Chat with videos to ask questions, brainstorm & more.
Experience Muvi products first hand by taking a quick demo.
An inspiration, to strengthen, to help, to empower our entire community.
Opal template is created by using multiple widgets. Once the template is activated, all the default widgets used in the template will be automatically loaded in the widget section in the CMS. You can easily edit each widget used in the template by using the Widget Editor in the CMS. Also, you can add a new widget to the template using the Widget Editor. In this article, we have described how you can easily modify different widgets that are used in the Opal template in different sections (i.e., Homepage, Registration Page, Log in Page, Footer, etc.) and change the template design.
(Before Login)
We have two separate designs for both the before login and after login of the home page. Following are the widgets for before login home page and how you can edit them.
1. First widget item: Widget code in the CMS – “available_on_your_favourite_devices”
You can change the texts in the widget in the widget editor in the CMS. After editing the widget, refresh the homepage. You will see the changes.
2. Second widget item: Widget code in the CMS – “whatever_mood_you”
3. Third widget item: Widget code in the CMS – “home_page_slider1_content1”
This item specifically highlights a specific content. To show content, we just need to give the permalink of the content in the widget content section and the details of that content will appear in that place.
For the first content in the slider, ‘home_page_slider1_content1’ widget is used and for the second content in the slider ‘home_page_slider1_content2’ widget is used.
4. Fourth widget item: Widget code in the CMS – “one_account_for”
5. Fifth widget item: Widget code in the CMS – “home_page_slider2_content1” & “home_page_slider2_content2”
This is exactly like the 3rd widget. We are displaying another two contents here by adding the permalink in the content part of the widget. And using GetContentDetails API we are displaying the content-related data.
6. Sixth widget item: Widget code in the CMS – “our_features”
7. Seventh and the last widget for the homepage: Widget code in the CMS - “footer_widget”. This is common for all the pages.
(After Login):
We are showing banners and featured sections on the after-login home page which are added in CMS.
Register and login page background image you can change by changing the. inner-content-top2:before CSS. Currently, this background CSS is added for this class :
background: url(../images/outer-bg.jpg) no-repeat center top;
For the “Category Listing Page,” we have one widget for the background image, and the widget code in the CMS is common_background.
So we need to add {$this->widgets['common_background']['content']} in views/media/list.html (in the Template Editor) and in the CMS, in the widget editor, we need to set the background image.
We are showing Headlines, Genres, Duration, Stories, Release Date, Pricing, Add to Favourite, Play Button, Trailer, Casts, Related Content, and Reviews on the same page. The design is different from other templates. We have used the “common_background” widget for the background image when the banner of the content is not present for a content.
You can change the image by following the process mentioned above for the “Category Listing Page”.
You can customize user menu pages like Profile, My Favourites, Watch history, etc.
We have one common widget for the background images for each page. Widget code: “common_background”. You can change the image by following the process mentioned above for the “Category Listing Page”.
All the template-specific CSS changes are listed in /css/style.css in the Template Editor. If you want to add a new CSS to this template, then please create a new CSS file - custom.css inside the CSS folder and add your custom CSS into that file.
Your email address will not be published. Required fields are marked *
Next
Our super friendly community helpers are on hand to help out ask away. They can help with almost anything.