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

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore Tweaks

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

(14 posts) (4 voices)

Started 1 year ago by BobR
Latest reply from admin
Possible Solutions (Related Topics):

Tags:

12 Next »

BobR
Member

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

Posted 1 year ago #
amin007
Key Master
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:

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

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?
Posted 1 year ago #
BobR
Member

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

Posted 1 year ago #
BobR
Member

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.

Posted 1 year ago #
amin007
Key Master

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:

http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460

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

Posted 1 year ago #
BobR
Member

It works!

http://www.bobreynoldsmusic.com/store

Thank you.

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

Posted 1 year ago #
amin007
Key Master

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

Posted 1 year ago #
BobR
Member

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.

Posted 1 year ago #
amin007
Key Master
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]"
```
Posted 1 year ago #
BobR
Member

Perfect. Thank you very much.

Posted 1 year ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.