Fancy category: would like thumbnail pop-up to feature video instead of jpg

[BobR]

Hi. I bought the plug-ing yesterday (9-26-10) and it’s great.

I wish to sell some videos on my site and would love it if there were a way to make the Fancy pop-up preview image show a short (30 sec) video preview to the customer before they purchase the video (vs. a static jpg thumb).

I tried putting a video on my site and placing the link to the .mp4 in the thumbnail preview field in the product admin, but this did not work. Then tried linking to a YouTube clip w/no luck.

Ivy emailed me and requested I post my question here.

It would be really fantastic if there was a tweak I could employ to make this happen.

Thanks.

PS – here is the only page I’ve used to plug-in on so far:

http://www.bobreynoldsmusic.com/store

[amin007]

The easiest option to have a video in your product display without doing any code modification is to embed the video in the description section of the product. Here is what you do:

1) Get my video lightbox plugin from here:

WordPress Video Lightbox Plugin – Display Videos and Images in a Fancy Lightbox Overlay

2) Use the following format to insert links for your video in the description section of the product. This will make it so when you click on the link the video pops over in a lightbox:

<a href="http://www.youtube.com/watch?v=G7z74BvLWUg" rel="wp-video-lightbox">Click here for a video preview</a>

Does this help?

[BobR]

Unfortunately, no.

http://www.bobreynoldsmusic.com/store

as you can see, now the fancy boxes are huge and there is WARNING code along the top of the site.

Also, if possible, I’d really prefer it so that the lightbox that contains the thumbnail can pop up a video. I can change some lines of code if you point me in the rt direction.

The effect I’m hoping for can be seen here:

http://www.bobreynoldsmusic.com/videos-2

…where clicking on a jpg thumb pops up a video player window. (like the video tutorials on your site).

Thanks,

Bob

[BobR]

Update: as of this morning, the fancy boxes no longer appear unusually large and the Warning code has disappeared from the top of the page. However, the preview video link does not pop up a lightbox.

http://www.bobreynoldsmusic.com/store

Thanks.

[amin007]

Got something for you. I have added a new shortcode in the eStore Extra Shortcodes plugin that should allow you to do what you are after.

Step1: Get the updated version of the extra eStore Shortcodes plugin from here:

WP eStore Shortcodes and Functions Reference

Step2: Edit your product and specify the YouTube video URL in the “Thumbnail Image Link” field of the product.

Step3: Finally, Use the following shortcode to display a fancy1 product display where the video will be displayed using the video lightbox popup:

[wp_eStore_fancy1_video_thumbnail id=1]

1 is the product ID here so replace it with your product ID.

Note, you must have the “WP Video Lightbox Plugin” installed for this to work:

http://www.tipsandtricks-hq.com/wordpress-video-lightbox-plugin-display-videos-in-a-fancy-lightbox-overlay-2700

[BobR]

It works!

http://www.bobreynoldsmusic.com/store

Thank you.

Last question: will it work with Vimeo and/or flash video files or just YouTube?

[amin007]

It should work with any video that works with the “Video Lightbox” plugin.

[BobR]

Whoops…thought I was good to go, then noticed that by having your video lightbox plug-in active, it disabled the main video light box plug-in already running on my site (videos page). Is there perhaps a bit of code tweak I could employ to point the store pop-up preview to run on/from that existing lightbox?

please see this page for example: http://www.bobreynoldsmusic.com/videos-2

(I have currently disabled your plugin, so now it doesn’t work here:

http://www.bobreynoldsmusic.com/store/)

Thanks.

[amin007]

I don’t know what exactly the other plugin requires but from the HTML code it looks like if you just add a rel=”lightbox[portfolio]” it should work.

To try the above method open the “eStore_extra_product_display_helper.php” file from the eStore extra shortcodes plugin and search for the following:

rel="wp-video-lightbox"

Once you find it change to it to the following:

rel="lightbox[portfolio]"

[BobR]

Perfect. Thank you very much.

[tylerdurden]

Hi Amin007,

I see that this topic was last discussed about a year ago.

I believe I’m having a similar problem but need specific instructions catering to my issue.

Here’s my site: http://www.ronpucherelli.com

On this page, notice how when a user clicks on the blue link… the video will showcase beautifully based on the settings i set for WP Lightbox Ultimate plugin:

http://www.ronpucherelli.com/?p=610

This is the code that i used in the visual tab:

[wp_lightbox_prettyPhoto_anchor_text_video link=”http://vimeo.com/28936655″ width=1280 height=544 text=”MegaMind: The Button of Doom (2010) dvd bonus” description=”2010 – MegaMind: The Button of Doom (Demo Reel)”]

However, when you go to this site:

http://www.ronpucherelli.com/?page_id=419

and click on the image on the left… the video pops up, but the settings i set for WP Lightbox Ultimate are nowhere to be found. The video appears with a white ugly border. Is there any way (after clicking on the thumbnail) that I can make the video popup look and behave exactly like it does in the above link: http://www.ronpucherelli.com/?p=610 (using my WP Lightbox Ultimate settings)?

Would it be a custom field that I should create? To fix this, I was told to use the “et_videolink”, but that just uses the default lightbox and places a white border around the edge. I don’t have any other lightbox plugin active in my wordpress settings, btw.

Please let me know if someone can help me!

– Ron

[admin]

The videos on this page are actually coming from your theme (not the lightbox ultimate plugin):

http://www.ronpucherelli.com/?page_id=419

So you need to address it in your theme and use the right shortcode provided to you by your theme developer. I just had a look and it looks like you already fixed it.

[tylerdurden]

hi, actually i didn’t fix anything. i still need to fix it. how can i get every video to pop up using WP Lightbox Ultimate (the way I have it setup here): http://www.ronpucherelli.com/?p=610

click on the blue link… the video will showcase beautifully based on the settings i set for WP Lightbox Ultimate plugin.

Can you help me with this? How do I address this in my theme? I have Elegant Themes and so far the support has been poor. i feel like i’ve been going in circles. Pretty frustrated.

-r

[admin]

I don’t know much about your theme but you have to embed the video using a lightbox ultimate shortcode to make it popup using this plugin. If you don’t use a shortcode the plugin doesn’t know anything about that video. This is explained in the usage section of our plugin:

http://www.tipsandtricks-hq.com/wordpress-lightbox-ultimate-plugin-display-media-in-a-fancy-lightbox-overlay-3163

[rampant]

Does this still work for the eStore plugin?

I have the Ultimate Lightbox and would like the video preview files to pop up instead of an image. I have tried entering the extra shortcode information ([wp_eStore_fancy1_video_thumbnail id=201]) but it comes up with a response that says (You must specify the URL of your video in the “Thumbnail Image Link” field for this shortcode to work.). I have the URL in the Thumbnail Image URL line but I keep getting the previous response.

Any help or information would be appreciated.

Thanks.

[Author]

Posts