Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Fancy category: would like thumbnail pop-up to feature video instead of jpg
Tagged: fancy category, lightbox, pop-up, preview, thumbnail, video, video lightbox, WP eStore
- This topic has 18 replies, 5 voices, and was last updated 12 years ago by
rampant.
-
AuthorPosts
-
September 27, 2010 at 2:12 pm #1921
BobR
MemberHi. 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:
September 28, 2010 at 2:35 am #24816amin007
ParticipantThe 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?
September 28, 2010 at 6:10 am #24817BobR
MemberUnfortunately, no.
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
September 28, 2010 at 3:03 pm #24818BobR
MemberUpdate: 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.
Thanks.
September 29, 2010 at 2:45 am #24819amin007
ParticipantGot 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:
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:
September 29, 2010 at 3:23 pm #24820BobR
MemberIt works!
Thank you.
Last question: will it work with Vimeo and/or flash video files or just YouTube?
September 30, 2010 at 2:37 am #24821amin007
ParticipantIt should work with any video that works with the “Video Lightbox” plugin.
October 3, 2010 at 8:08 pm #24822BobR
MemberWhoops…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.
October 4, 2010 at 2:01 am #24823amin007
ParticipantI 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]"
October 5, 2010 at 11:36 pm #24824BobR
MemberPerfect. Thank you very much.
October 6, 2011 at 8:55 pm #24825tylerdurden
MemberHi 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
October 7, 2011 at 12:46 am #24826admin
KeymasterThe 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.
October 7, 2011 at 1:10 am #24827tylerdurden
Memberhi, 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
October 7, 2011 at 10:56 pm #24828admin
KeymasterI 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:
August 11, 2012 at 8:29 pm #24829rampant
MemberDoes 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.
-
AuthorPosts
- You must be logged in to reply to this topic.