Using Lightbox Ultimate with eStore for videos

[robhafley]

I’m selling downloadable footage on my site and I want to display a thumbnail that opens into a video preview in WP Lightbox on my store page. How do I set up the products to accomplish this? Thanks.

[amin007]

WP eStore does not have any option to where the product thumbnail becomes an anchor of the lightbox ultimate plugin which can in turn popup the video. This is actually not possible due to the vast number of lightbox variations that the lightbox ultimate pulgin has (if there was only one type of lightbox then this would have been an easy task).

This post should give you some ideas as to how you can embed a video popup option in the description section of the product (this may serve as a workaround for you):

https://support.tipsandtricks-hq.com/forums/topic/fancy-category-would-like-thumbnail-pop-up-to-feature-video-instead-of-jpg

[robhafley]

Thanks, does your standard Video Lightbox plugin work with .flv?

[amin007]

I totally forgot. It should have a section for it in the usage document if it does. The lightbox ultimate one can do anything the standard lightbox plugin can do plus way more. So I don’t think you will need to use the standard one since you already got the ultimate one.

[robhafley]

I can’t get it to work. I am trying to display my video products with fancy 1 using this shortcode: [wp_eStore_fancy1_video_thumbnail id=1]. My preview videos are .flv but I keep getting a message that says the video can’t be loaded (due to the limitations of the standard wp video lightbox I suppose). You said earlier that due to the vast number of lightbox variations in the ultimate that it wasn’t an option to use with eStore. What if I knew exactly the variation I wanted? How difficult would it be to code? Thanks.

[amin007]

“What if I knew exactly the variation I wanted?” – In that case it shouldn’t be that hard at all. Just a matter of tweaking a line of code I think. Which lightbox ultimate shortcode are you using to display your videos?

[robhafley]

The setting is: Flowplayer-PopUp/FLV/MP4/MOV video from the embedded Images

The actual shortcode is:[wp_lightbox_flowplayer_video link=”http://www.example.com/test-video.mp4″ width=”640″ height=”480″ source=”http://www.example.com/anchor-image.jpg”%5D

I really like the FancyBox but when it is enabled from the settings menu it interferes with the normal lightbox in my theme and causes a photo to pop up in the normal lightbox AND your lightbox. I haven’t been able to workaround that yet.

[amin007]

The flowplayer and HTML5 shortcodes have complex structures so those ones won’t be suitable for this. You might be able to use the special lightbox library to embed the flv video. If that library works for you then it should be possible to tweak the eStore code to use that option for the video thumbnail.

[robhafley]

The lightbox special would do just fine. All I need is a way to display .flv previews from a thumb inside product display.

[amin007]

Okay… to use the special lightbox with the following shortcode do this:

[wp_eStore_fancy1_video_thumbnail id=1]

Open the “eStore_extra_product_display_helper.php” file from the extra shortcodes plugin and search for the following line of code:

$output .= '<a href="'.$ret_product->target_thumb_url.'" rel="wp-video-lightbox" title=""><img src="'.$thumb_img.'" alt="'.$ret_product->name.'" /></a>';

Once you find it change it to the following:

$output .= '<a href="'.$ret_product->target_thumb_url.'" rel="lightbox[flash 640 480]" title=""><img src="'.$thumb_img.'" alt="'.$ret_product->name.'" /></a>';

That should do it hopefully.

[robhafley]

Works perfectly. Thanks!

[Author]

Posts