By default the image size is to spend full width for responsive setting purposes. You can set a specific image size in the widget code snippet if you like. Please note this will remove the responsiveness of the widget. Simply add the code highlighted below to add a width and height to the video lightbox Full Article…
When a plugin, splash page or widget all of sudden stop working. You can check to see if you need an update on the jquery script code. Click into your page layout html editing page where you have your plugin, splash page or widget install. Scroll to the bottom of the page till you find Full Article…
You can set the video to play once the lightbox is open. Add the following highlighted code into your Video Lightbox YOUTUBE code snippet: <a class=’youtube’ href=”http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent&autoplay=1″ title=”INSERT TITLE HERE”>
When using the widget in product page, it doesn’t load the widget css. This is why it is working working properly. Here you will need to insert the full css file link to allow the file to load properly. Click into the page layout html where you have the widget installed. Here is the default Full Article…
Click into “design” and into “Edit html/css” to open the code editor. On the left hand-side column, locate “index” to open the html editing page. Here delete the extra code Delete the extra code bracket in red show above. Save & re-publish your site.
The most common reasons why the video lightbox is not functioning properly are: 1) The script codes are not inserted Review Step 2 and 3 the installation to see if you have inserted the script codes properly 2) The js files are not uploaded Review Step 5 of the installation guide to upload your js files. Full Article…
When both the Video Lightbox Widget and Carousel Widget are installed on the same page layout, one code is duplicated which made the widget temporary inactive. Here is the script code of the carousel widget: <script src=”/files/theme/jquery.dt-carousel.js”></script> <script src=”/files/theme/dt-carousel-1.js”></script> <script src=”/files/theme/dt-carousel-2.js”></script> <script src=”/files/theme/dt-carousel-3.js”></script> <script src=”/files/theme/dt-carousel-4.js”></script> <script src=”/files/theme/dt-carousel-5.js”></script> Here delete the highlighted code above, so the Full Article…
