user manual
Contents
1. CERERG NA COMMERCE Iceberg Commerce Video Gallery Extension 2 0 For Magento Version 1 3 1 4 1 5 1 6 py _ Product Video Gallery Manage videos easily Product Video Gallery manage videos easily nto extension for MME k User Manual August 2011 Introduction Images are boring let your customers watch your products in use Embed Youtube Vimeo Dailymotion Vzaar and locally hosted videos easily on your product pages Give your customers easy access to How To videos video reviews product demonstrations or any other videos your customers may want to see The Video Gallery Extension for Magento adds the ability to manage videos associated with Magento products the Same way you manage images Simply copy in a url from Youtube Vimeo Dailymotion Vzaar or a self hosted video Product images are uploaded automatically and managed in the Magento cache Videos show up along side uploaded images on a product view page This extension is different from other Video extensions for Magento This extension builds in a video manager that is equivalent to how images are managed in Magento This means that you do not have to mess around with html or embed codes Videos are organized in the database for you to build more custom features Features Simple easy to use admin interface similar to the Images tab on the product admin page Easy to add videos to a product You just need a video s URL Man2. Websites youtube DbzvuhzdCFk 2 Categorias Related Products Up sells Cross sells youtube t FNJgKaxING 3 g g Product Reviews Customers Tagged Product Custom Options youtube 9E1HaxX4BIR4 4 i Tags Quick Add HTC Touch Diamond vim n 2828029 5 z o Video URL Youtube or Vimeo Address Label Sor Order Exclude Ritpuvimed com2a28028 a Add New Video To add videos to a product you must edit a product Go to Admin gt Catalog gt Manage Products and select a product to edit Videos may be added to any product type Once you are on a product page locate and click on the Videos tab on the left side of the product edit page Once the tab is selected you will see the Add new Video section at the bottom of that page In order to add a video you need a video URL Once you paste in a URL and click the Add New Video button The video will be linked to the product and the video thumbnail will be uploaded automatically For Vimeo videos the Label will automatically be set to the video title from Vimeo this feature is not available for Youtube Videos You may also edit the sort order the videos are displayed on the product view page and the video label which is useful for search engines indexing your page The exclude checkbox allows you to disable a video from displaying on the Product view page The remove checkbox will delete the video Part Three Configuration The Video Gallery Conf
3. the Video tab See flowplayerorg for supported video formats Part Five Screenshots Home Electronics Cel Phones HTC Touch Diamond HTC Touch Diamond Email to a Friend Be the first to review this product Availability lin stock 750 00 Qty 4 Pickohe a OR Add to Wishlist Add to Compare Quick Overview Re defining the perception of advanced mobile phones the HTC Touch Diamond signals a giant leap forward in combining hi tech prowess with intuitive usability and exhilarating design Double click on above image to view full pichure es fale MORE VIEWS re a 7 al i VIDEOS The Screenshot above shows the default Magento theme with 4 videos added to the video gallery Home Electronics Cell Phones HTC Touch Diamond Home Electronics Cell Phones HTC Touch Diamond HTC Touch Diamond HTC Touch Diamond HTC Touch Diamond Getting Started Navigating a Ye GR Programy E amp amp 2 5 P gt 81 000 057 VIDEOS VIDEOS EY EN EY HY The screenshots above show you the video overlaying on the page when a thumbnail is clicked You can play the video in the overlay so that the customer is not taken off the product page The screenshot on the left is a Youtube video the one on the right is a Vimeo video Part Six Customizing Display To customize the display of videos on your product page requires some knowledge about how Magento manages templates The m
4. ES WIDEQS Display Style 4 Custom This is a blank style that you can customize for your own store Edit the file app design frontend default default template iceberg videogallery samples media custom phtm Frontend Display Settings continued Use Iceberg Template for Product Images if you select Yes then the product zoom controller will be removed and the Iceberg Commerce Lightbox will be used for product Images if the Lightbox is installed Part Four Supported Platforms Here are all the supported platforms and video types This extesnion is fully compatible with mobile and tablet devices YOUTUBE This extension supports Youtube videos youtube com a Youtube video url looks like http www youtube com watch v XXXXXXXXXXX VIMEO This extension supports Vimeo videos vimeo com a Vimeo video url looks like http vimeo com xxxxxx DAILYMOTION This extension supports Dailymotion videos dailymotion com a Dailymotion video url looks like http www dailymotion com video xxxxxxxXxXX VZAAR This extension supports public Vzaar videos vzaar com a Vzaar video url looks like http vzaar com videos xxxxxxxXxX LOCALLY HOSTED VIDEO This extension supports locally hosted videos The player that is used is flowplayer flowplayer org Simply upload your video to a web accessible location for example your own webserver using ftp then copy the URL into the product edit page in
5. age All videos by simply editing a product Multi store compatible Manage videos at the Website Store or View level Automatically grabs a video thumbnail for you and caches the image using the Magento Cache Upload custom images for thumbnails Use your own locally hosted videos These videos are played using Flowplayer Mobile Devices and Tablets 100 supported Gives you video suggestions from Youtube 1 click add videos to products Lightweight No extra Javascript libraries added to your product pages Videos open up on the page in an overlay Easy to customize the display Comes integrated with a Lightbox Follows Magento Coding Guidelines Very high quality of code and throughly tested No core code is modified so next time you update Magento the Video Gallery Extension will continue to work Part One Install Guide Copy Files to your Magento installation directory The First Step is to copy all files to your Magento installation directory 1 Unzip IcebergCommerce_VideoGallery zip 2 Copy the following folders and files to your local Magento Installation o VideoGallery js iceberg copy to magento js o VideoGallery app code community IcebergCommerce copy to magento app code community o VideoGallery app design adminhtml default default template iceberg copy to magento app design adminhtm l default default template o VideoGallery app design frontend default default layout videogallery xm
6. d o Verify that IcebergCommerce_VideoGallery is listed and enabled o If you installed the Lightbox Verify that IcebergCommerce_Lightbox is listed and enabled Go to Admin gt Catalog gt Attributes gt Manage Attributes o Search by attribute code for the attribute video_gallery This attribute should of been installed by the module Go to Admin gt Catalog gt Manage Products o Select a product to edit You should see a new tab on the left side of the page called Videos This tab will appear below the Images tab Clicking on this tab will show you a form where you can add videos After adding a video to a product Go to your store frontend o go to the product view page where the video should be and click on the video thumbnail The video Should show up in a lightbox Please verify that all 4 items in the list above appear correctly If any of the items listed above are not displaying as listed above please verify that you have copied all files to the correct place and that you have flushed your Magento cache Part Two How to Edit a Product Choose Store View Product was successfully saved Default Values HTC Touch Diamond Cell Phones Product Information Back Save And Continue Edit i toc e Descriptions yg Videos for product video gallery Label Provider Video ID Sort Order Exclude Remove youtube HSfetcaQiaa 1 E i x Call Phone Attributes Design Inventory
7. e that the video url is valid A Youtube video url looks like http www youtube com watch v xxxxxxxXXXXX A Vimeo video url looks like http vimeo com xxxxxx A Dailymotion video url looks like http www dailymotion com video xxxxxxxxxxX A Vzaar video url looks like http vzaar com videos xxxxxxxxxX A locally hosted video url does not have any restrictions o Ensure that the video is active Sometimes it takes up to an hour for a newly uploaded Youtube Vimeo video to be available 3 I want to change the way the videos look on the product page o Answer You can see Part Four of this user manual There are 2 files you need to look at These files control which template to use and what is displayed on the product page 1 magento app design frontend default default templates iceberg videogallery media phtm 2 magento app design frontend default default layout videogallery xml Part Eight Uninstalling To uninstall the module perform the following steps 1 Login in to the Magento Admin section and go to Catalog gt Attributes gt Manage Attributes 1 Search by attribute code for the attribute video_gallery 2 Click on this attribute 3 Click Delete Attribute button to delete this attribute 2 Delete Files O O O O O O magento app etc modules IcebergCommerce_VideoGallery xml magento js iceberg videogallery magento app code community IcebergCommerce VideoGallery magento app design adminhtm defaul
8. edia phtml file is the template that determines how images and videos are displayed on the product page The video gallery extension changes the location of this file It is now at magento app design frontend default default templates iceberg videogallery media phtml In this samples folder there are some sample files media tabbed1 phtml and media tabbed2 phtml You cans select these display styles from the Video Gallery Configuration media shadowbox phtml this file is pre integrated with Shadowbox http www shadowbox js com index html This requires you to install shadowbox on your own media custom phtml define your own style Select display style 4 from the video gallery settings If you want to use any of the sample files simply backup your original media phtml file and copy the sample media file to media phtml This module overrides the default layout handle for displaying the media block on the product page To change this layout behavior you may edit the videogallery xml file in magento app design frontend default default layout videogallery xml Part Seven FAQ and Trouble Shooting 1 I don t see the Videos tab on the product page o Answer The module is not installed correctly Please ensure all files are copied into the correct locations Revisit Part One of this document 2 Iam getting a Video was not found error or an Invalid Video Id error when i try to upload video o Answer Ensur
9. iguration can be reached by navigating to Magento Admin gt System gt Configuration gt Iceberg Commerce gt Video Gallery Here is a screen shot of the configuration dialog Video Gallery Extension Information Version 2 0 1 Admin Settings Enable Video Suggestions Yes l l v STORE view Visible on Product Edit Page Shows Video Suggestions from Video Sites Automatically Frontend Display Settings O Default Video Width 680 STORE VIEW Default Video Height 400 STORE VIEW Display Style Style 01 Inline Videos popup z STORE VIEW Use Iceberg Template for Product No x STORE VIEW Images Changes the way product images are displayed Disables the product zoom and enables the Iceberg Lightbox if installed Admin Settings Video Suggestions Video Suggestions P Here is a list of video suggestions you can add to your product page Thumbnail Titie Site Add HTC Touch Diamond Hands on video Youtube htc diamond com http Image gallery www phonemag com www phonemag com Live videos shot at HTC Innovation press event in London on May 6 2008 IPhone 3g v HTC Touch Diamond v Samsung Omnia Pt 1 Youtube Three of the heaviest heavyweights take center stage in part one of this PhoneDog Dogfight In this corner the iconic iPhone 3G In that corner the Windows Mobile with a cherry on top HTC Touch Diamond And in uh that corner the super spec d Youtube ail DUC ONG teeter ang accelerometer
10. inaptic feecoac lam checking out the HTC Touch Diamond device and discovered that a game preloaded by HTC called Teeter uses the accelerometer and vibration mechanism to give you an immersive game experience If you have video sugestions enabled you will see the above dialog on the product edit page Youtube video Suggestions are displayed for you automatically and you can click the Add Youtube Video buttom to easily add the video to the product Don t forget to save the product Frontend Display Settings Default Video Height and Default Video Width this is the default size of the video that is shown in the popup or video lightbox This setting effects all videos on all product pages Display Style The extension comes in 3 built in display styles for your product view page These allow you to easily control how to display videos in your store Display Style 1 Inline Videos popup Videos are displayed under the product images When clicked they open in a popup or lightbox if installed Display Style 2 Tabbed Videos popup Videos are displayed in a separate tab When clicked the video opens up in a popup or lightbox if installed Images Videos 4 gt A w E T Din anli Display Style 3 Tabbed Videos inline Videos are displayed in a separate tab The videos are embedded where the big product image is displayed When clicked the video will play on the product page IMAG
11. l copy to magento app design frontend default default layout o VideoGallery app design frontend default default template iceberg copy to magento app design frontend default default template o VideoGallery app etc modules IcebergCommerce_VideoGallery xml copy to magento app etc modules Log into your Magento admin panel Flush your Magento Cache Admin gt System gt Cache Management gt Flush Magento Cache The Second Step is optional but recommended If you want to install the Lightbox for a more visually attractive display of videos do the following For alternative display options see Part Four of this User Manual 1 Copy the following folders and files to your local Magento Installation o Lightbox app code community IcebergCommerce copy to magento app code community o Lightbox app etc modules IcebergCommerce_Lightbox xml copy to magento app etc modules o Lightbox app design frontend default default layout icebergcommerce_lightbox xml copy to magento app design frontend default default layout o Lightbox js iceberg copy to magento js o Lightbox skin frontend default default iceberg copy to magento skin frontend default default Log into your Magento admin panel Flush your Magento Cache Admin gt System gt Cache Management gt Flush Magento Cache Verify Installation This Second step will verify the module was installed correctly 1 Go to Admin gt System gt Configuration gt Advance
12. t default template iceberg videogallery magento app design frontend default default layout videogallery xml magento app design frontend default default template iceberg videogallery 3 Flush your Magento Cache Admin gt System gt Cache Management gt Flush Magento Cache To uninstall the Lightbox module perform the following steps 1 Delete Files and folders O O O O O app code community IcebergCommerce Lightbox app etc modules IcebergCommerce_Lightbox xml app design frontend default default layout lightbox xml js iceberg lightbox skin frontend default default iceberg lightbox 2 Flush your Magento Cache Admin gt System gt Cache Management gt Flush Magento Cache
Download Pdf Manuals
Related Search