Videos Module

SmithCart > Modules
The Videos Module allows you to stream product-related videos on your shopping cart. Videos can be streamed from any website such as YouTube, Vimeo or any site that allows you to upload and play videos.
 
The Videos module supports for the following features:
 
  • Playing product videos in your DNN portal
  • Grouping videos into custom categories.
  • Videos can be associated with one or more SmithCart products to allow relevant videos to be displayed
  • Videos can be displayed and played on any page in your portal
  • Videos can be displayed in a tab on the Product Details module. 
 
The following is a screen shot of the Videos module after a video is added:
 
 
 
 
The video list displays the following information:
  • Video title
  • Video description or summary
  • Date that the video was uploaded
  • Video Length
  • Share Bar - gives users the ability to share any video on their favorite social networking site.
 
 

Configuring the Module Settings

 
To configure the Video Module settings, first make sure you are logged in as the Administrator or Host, and then click on the Manage Settings button in the videos module.
 
 
 

Video Settings

The video settings allow you to configure the layout of the front end display of videos.  Please see the following screenshot of the video settings:
 
 
 
 
 
Default Category – Dropdown list used to select the default category that the product listing page displays.  Select “All Categories” for no filter.
 
Videos per Page – The product dropdown menu allows users to filter videos by product. Selecting a product in the dropdown will display only those videos which are associated with the selected product.
 
Show Product Dropdown – The product dropdown menu allows users to filter videos by product. Selecting a product in the dropdown will display only those videos which are associated with the selected product.
 
 

Email Settings

 
Email Settings is used to set the name and email address for sharing videos via email. When a user chooses to share a video via email, this information will be used to fill in the name and email address that the message will be sent from.
 
 
 
 
Mail From – Enter the name that you would like to appear when you share a video.
 
Mail From Email Address – Enter the email address that you want the shared video to be sent from. 
 
 

Video Admin Menu

 
The Video Admin menu provides a single admin interface for you to manage your product video content.  To access the admin menu, navigate to the page with the Videos module and click the toolbox button as follows:
 
 
 
 
After you click the toolbox button the Admin menu will be loaded as follows:
 
 
 
The Videos Admin Menu provides the following three admin options:
 
  1. Manage Videos
  2. Manage Video Categories
  3. Manage Video Templates
 

Manage Videos

 
To add or delete videos, click on Manage Videos within the video admin menu.
 
 
 
 
You will then see a list of all the videos on your site:
 
 
 
 
1. To delete a video, locate the video within the list and click on the Delete link. To add a new video, simply click on the Add Video button and fill in the video title, description, URL, and other information. To manage advanced settings, click on the Edit link in the video list.
 
2.To add a video, click on Manage Videos within the video admin menu. You will see the following screen:
 
 
Figure 1 - Add Videos Page
 
 
Video Name – The video name allows you to identify your videos with a custom name. The video name is used for back-end reference only.
 
Video Title – The video title is the title of the video as it is actually displayed to the user.
 
Sort Order – The sort order field controls the order in which the videos are displayed in the product catalog. 
 
Featured Video – When a video is featured it bypasses the sort order and is displayed prominently at the top of you videos module. This is used to highlight important videos to you users.
 
Video URL – The video URL is a snippet of HTML markup which embeds the video into the module. Typically the snippet is copied and pasted from a video sharing website such as YouTube or Vimeo, as seen in Figure 2 below, but can also contain custom HTML markup.
 
 
Figure 2 - Embedding the Video with HTML Snippet
 
 
Description – Enter a description or a brief summary of the video for your customers.
 
Keywords – The keywords entered in this field will be dynamically added in the URL of the product listing page when a user clicks on a category from the categories module.  Enter keywords that are relevant and targeted towards your category. Targeted keywords in the URL help your SEO rankings.  If you enter several keywords use hyphens as dividers and not underscores as hyphens have proven better for SEO.
 
Video Length – This is an opional field that allows you to display the length of the video
in a minute:second format.
 
 
 

Manage Categories

 
The categories menu allows you to define custom categories to group your videos.  Click the Categories button to add a video to one or more categories.  
 
 
 
 
From there, you are able to add new categories or manage existing categories. Please see the following screenshots:
 
 
Figure 3 - Manage Existing Categories
 

 
You are given the option to Add a category or Edit an existing one. The screen shot below will demonstrate what appears when you Edit an existing category or Add a new category:
 
 
Figure 4 – Category Management Screen
 
 
Sort Order – The sort order field controls the order in which the categories are displayed in the product catalog.  Enter a numeric number from 1 to 999.  The categories will be sorted in ascending order by the sort order field. 
 
Category Name – Enter the product category that you wish to add in the “Category Name” field.
 
Parent Category – The parent category is used to define subcategories and nested sub categories.  If you do not select a parent category and leave the dropdown as “Root Level” then you are defining a top level category.  If you choose a parent category from the dropdown list you are defining a subcategory or a sub sub category, etc.
 
URL Keywords – The keywords entered in this field will be dynamically added in the URL of the product listing page when a user clicks on a category from the categories module.  Enter keywords that are relevant and targeted towards your category. Targeted keywords in the URL help your SEO rankings.  If you enter several keywords use hyphens as dividers and not underscores as hyphens have proven better for SEO.
 
Share – The “Share” checkbox only applies if you have added more than one module on different pages in your portal.  This feature is used in situations where you want multiple product catalogs on different pages of your website.  For example, if you are selling books and computers on your website and you wanted to have one category dedicated to books and another page dedicated to computers.  If the share checkbox is checked for a particular category the category will be displayed in all product catalogs on any pages where you have added the shopping cart module.  If the share checkbox is not checked then categories added to your first module will remain separate from categories added to your second module.
 
Category Description – Rich text editor can be used to manage the category description field.  Category Description is displayed at the top of the product listing page when the category is clicked in the category menu.  By default the category description is not displayed on the product listing page.  To enable the display of category description navigate to the buynow settings under product listing section and check "Display Category Description".
 
 

Associating Videos with Products

The Videos module allows you to associate videos with products that have been added in your Smith Cart catalog.
 
 
 
 
First you must access the video edit screen:
 
 
 
 
The Products button is used to associate a video with one or more products from the manage videos screen.
 
 
 
 
To associate a video with a product to the following:
 
  1. Select the product from the “Master Product List”
  2. Click the “>>” button to move the video to the “Related Products List” on the right.
  3. You video is now associated with the product.
 
 
To dissociate a video from a product do the following:
 
  1. Locate the product you want to disassociate in the “Related Products List” on the right
  2. Click the “<<” button to remove the video from the “Related Products List” on the right.
  3. You video is now disassociated with the product.
 
 
When one or more videos are associated with a product, the video(s) will be displayed within the Videos module and in the Videos tab on the Product Details page of SmithCart.
 

Templates­

Video Templates allow you to customize the layout of how your videos are displayed to the user.

 
 
 
The video template is an HTML file that controls the layout for each video item in the list. You can control the display of the videos by using custom HTML and CSS in your template. You can create multiple templates with unique names to create many different custom layouts.
 
 
 
 

Viewing Videos - Front End Screens

 
After you have added videos, you can view the videos either using the Videos module or on a tab on the product details page of the cart.
 

Viewing Videos with the Videos Module

 
Once your Videos module is configured and you navigate to the page in your portal with the Videos module, you will see the following screen displayed:
 
 
 
 

Viewing Videos with the Product Details Module

 
To view related videos in the product details module, the setting must first be enabled in the product details settings.
 
 
Step 1 – Access the product detail module settings by hovering over the “Manage” button as seen in the screen shot below:

 
 
 
Step 2 – Scroll down and locate the “Tab Setup” options.  Click to check the “Show Videos Tab” as seen in the screenshot below:
 
 
 
 
When the video setting is enabled, a Videos tab is displayed above the product detail which contains a list of all videos which are associated with the product.