Modern Video Site Theme

Jump Ahead

    The Modern Video Site theme is a modern and elegant theme beautifully designed to meet today's design & usability standards. It includes categories, sliding banners and modern horizontal images. This theme is responsive on all devices including mobile.

    Examples of customers using the Modern Video Theme:

     

    Note: Please note that navigation has recently been updated, and the sub menu located on the left menu under Customization has been moved to the top as "tabs".

     


     

    To get The Modern Video Theme for your site please follow the next steps: 

    • Choose Customization >Themes
    • Search for The New NetFlix Theme and click Install Theme.

     

    Screenshot_31.png

     

    • Once you've installed the Modern Video Site theme you can choose to preview your store from the Account Menu > Storefront in the upper right corner. 

     

    Screenshot_33.png

     

    • You'll see that The Modern Video Site Theme has a large home slider area which allows for displaying multiple images or video slides, some customizable text, All Categories, social icons and an option for your customers to log in. The Catalog - second from the top header menu displays All Categories all together. 

     

    Customizing The Modern Video Site Theme 

    • To create image or video slides for your home slider go to Customization > Home Slider.
    • Click on New Slide (green button on the upper right). 

     

    Screenshot_37.png

     

    • Setup the Title, Description, Appearance and Position in Slider.
    • Upload an image or a video slider and click on Create New Slide (green button on the bottom right).
    • NOTE: You can upload multiple images for your home slider, for the video home slider just one video is allowed. It can be either an images home slider or just a video home slider but not both combined.  

      For Image - Recommended size is: 1140x520px. This image will show up on bigger screens such as desktops and will also default to this image if you do not have a video.

      For Video - Recommended size is: 1400x540px. We highly recommend you only use .mp4 video format with a max file size of 10MB. Videos will not play on mobile devices. Videos only play on bigger screens such as desktops, be sure to add an image as well so the image will show on mobile devices.

     

    Screenshot_3.png

     

    • To adjust the Home Slider settings click on Slider Settings (blue button).

     

    Screenshot_4.png

     

    • Setup Autoplay on page load, configure the Autoplay Speed, Image Opacity, and Show/Hide the Slider Button.  You can also enable the Fade effect between slides. 
    • Once done click on Save Changes (green button). 

     

    Screenshot_5.png

    • To preview changes and add extra customization to your theme choose Customization > Styles.

     

    Screenshot_45.png

     

    Here you can choose to customize: 

    Login & Checkout Colors

    These settings are valid for all themes available, for more details on how to set it up please click here

     

     Screenshot_47.png

     

    Player Styles

    These player settings are valid for all themes available, for more details on how to set it up please click here

     

    Screenshot_48.png

     

    Texts 

     

    Screenshot_23.png

     

    • Welcome - customize the welcome message
    • Subscribe - customize the subscribe button text
    • Rent - customize the rent button text
    • Buy - customize the buy button text
    • Get For Free - customize the get for free button text

     

    Screenshot_24.png

     

    • All Categories - customize the All Categories text

     

    Screenshot_25.png

     

    • You Don't Have Any Programs Here - customize the You don't have any programs here text
    • Results - customize the Results text
    • Your Search For - customize the Your Search For text

     

    Screenshot_26.png

     

     

    Screenshot_27.png

     

    Fonts

    • Title Google Font - setup the Google font for your site titles
    • Text Google Font - setup the Google font for your site texts

    NOTE: You can select from All Fonts or just the Popular Fonts list. 

     

    Screenshot_28.png

     

    Why Us

    • Show Why Us - choose to display or hide the Why Us section all together

     

    Screenshot_29.png

     

    Colors

    • Main Color - customize player play icon color, and hover text color

     

    Screenshot_32.png

     

    • Why Us Background - customize the Why Us section background color
    • Why Us Title Color - customize the Why Us section titles color
    • Why Us Text Color - customize the Why Us section text color

     

    Screenshot_33.png

     

    • Slider Title Color - customize the Slider Title text color
    • Slider Description Color - customize the Slider Description text color
    • Slider Link Color - customize the Slider Button text color
    • Slider Link Background Color - customize the Slider Button Background color

     

    Screenshot_34.png

     

    • Slider Link Hover Color - customize the Slider Button text hover color
    • Slider Link Hover Background Color - customize the Slider Button Background hover color

     

    Screenshot_35.png

     

    • Links Color - customize the links text color
    • Links Hover Color - customize the links text hover color
    • Offer Button Background Color - customize the Offer Button Background color
    • Offer Button Color - customize the Offer Button text color
    • Offer Button Border Color - customize the Offer Button Border color

     

    Screenshot_38.png

     

    • Offer Button Background Hover Color - customize the Offer Button Background Hover color
    • Offer Button Hover Color - customize the Offer Button Hover text color
    • Offer Button Border Hover Color - customize the Offer Button Border Hover color

     

     Screenshot_39.png
     
     

    Social

    • Facebook - link your Facebook account
    • Twitter - link your Twitter account
    • Gplus - link your Google Plus account
    • Instagram - link your Instagram account
    • Youtube - link your Youtube account
    • Linkedin - link your Linkedin account

     

    Screenshot_30.png

    SEO

    SEO helps optimize your site and will increase its relevancy and visibility in search engines with specific keywords.

    • Index Page Title - customize your Index SEO Page Title
    • Index Page Description - customize your Index SEO Page Description
    • Catalog Page Title - customize your Catalog SEO Page Title
    • Catalog Page Description -customize your Catalog SEO Page Description

     

    Screenshot_31.png

      

    Screenshot_12.png

     

    • For further modifications on this template and more in depth changes please click on </>Code which will redirect you to Customization > Code Editor with Liquid template files for your video site.
    • NOTE: If you're looking to further customize the look & feel of your video site and need a developer to help you, checkout this post.

     

    Screenshot_60.png

     

    If you have any comments or questions that aren't answered in our Knowledge Base please feel free to email us at support@uscreen.tv


    Uscreen 101 Training

    Live Weekly Webinar

    Every Tuesday

    2PM EDT
    Reserve your seat
    Contact us

    Can't find what you're looking for?

    Contact us
    Powered by Zendesk