Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

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

by

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 10 years, 7 months ago by rampant.
Viewing 15 posts - 1 through 15 (of 19 total)
1 2 →
  • Author
    Posts
  • September 27, 2010 at 2:12 pm #1921
    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

    September 28, 2010 at 2:35 am #24816
    amin007
    Participant

    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?

    September 28, 2010 at 6:10 am #24817
    BobR
    Member

    Unfortunately, no.

    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

    September 28, 2010 at 3:03 pm #24818
    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.

    Store

    Thanks.

    September 29, 2010 at 2:45 am #24819
    amin007
    Participant

    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

    September 29, 2010 at 3:23 pm #24820
    BobR
    Member

    It works!

    Store

    Thank you.

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

    September 30, 2010 at 2:37 am #24821
    amin007
    Participant

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

    October 3, 2010 at 8:08 pm #24822
    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.

    October 4, 2010 at 2:01 am #24823
    amin007
    Participant

    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]"

    October 5, 2010 at 11:36 pm #24824
    BobR
    Member

    Perfect. Thank you very much.

    October 6, 2011 at 8:55 pm #24825
    tylerdurden
    Member

    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&#8243; 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 #24826
    admin
    Keymaster

    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.

    October 7, 2011 at 1:10 am #24827
    tylerdurden
    Member

    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

    October 7, 2011 at 10:56 pm #24828
    admin
    Keymaster

    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

    August 11, 2012 at 8:29 pm #24829
    rampant
    Member

    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
Viewing 15 posts - 1 through 15 (of 19 total)
1 2 →
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ