Hi, MagicToolbox.com (https://www.magictoolbox.com/magicthumb/) says that you can use a YouTube video as one of the product images in Magic Thumb, but I haven't figured out how to configure this using the Image Manager in Product Admin. Pasting just the YouTube link results in no image or link displayed.

Has anyone figured out how to achieve this?

Thanks in advance.

- Paul D.

Hi Paul
The example given on the MagicToolbox site goes like this...
<a href="big2.jpg" data-thumb-id="hello" data-image="main2.jpg"><img src="tiny2.jpg"/></a>
<a href="YOUTUBE-VIDEO-URL" data-thumb-id="hello"><img src="tiny4.jpg"/></a>
By the looks of things you just have to use a YouTube URL in place of the giant image. Do you maybe have to update your version of Magic Thumb?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Ah, good point, Vince.

After reading your post it dawned on me that I don't recall YouTube video links being a supported back when we bought the product.

I'll check with the developers. Thanks for that.

Folks, should anyone else upgrade from an older version of Magic Thumb and find that the lightbox freezes and exhibits other strange behavior,
we learned that the current v3.0.14 expects only one reference to magicthumb.js on the product detail page.

We had this reference in our header template:

<script type="text/javascript" src="/magicthumb/magicthumb.js"></script>

It looks like the Cart also inserts this reference for you, so if your page template also has it in the header the lightbox could freeze and exhibit other strange behavior.

To check for this open a product detail page in Firefox, View Page Source, and search for multiple instances of the string "magicthumb.js".

Hi Paul

That's right, you don't need to add the path to the js file as the software does that for you https://www.ecommercetemplates.com/help/magictoolbox.asp#magicthumb

Did you get the video showing correctly?

Andy

Please feel free to review / rate our software

Andy, yes, a YouTube video link can be used as a product image, with nice results, on a product detail page after upgrading to the current Magic Thumb v3.0.14.

However vertical positioning of the thumbnail links (like you see in the image I posted above) doesn't seem to be a Magic Thumb parameter that can be configured in the vsadmin/includes file.

A lot of big retailers like Amazon seem to use vertical thumbnail layouts, so we were hoping to test this.

Assuming that the ECT proddetail page allows vertical thumbnails, might you have any suggestions for how to configure it?

Thanks for this.

I'm afraid I can't see how that can be done vertically as the thumbnail div comes after the main image div and there isn't a feature to swap those around.

Andy

Please feel free to review / rate our software

Andy, thanks for this.

Our possible solution could be to also license Magic Scroll to combine with Magic Thumb, as described here: https://www.ecommercetemplates.com/help/magictoolbox.asp#magicscrollplus

I notice that the linked demo page that's described as combining the two products (http://www.ectdemostore.com/magic-thumb--magic-scroll.asp) doesn't seem to show the Magic Scroll feature - perhaps because the page may not have enough product image thumbnails to scroll left and right.

Am I right that combining Magic Thumb and Magic Scroll is still supported?

Thanks in advance for confirming this.

It is still supported so will need to check what's up with the demo there. I recently changed the location of the demos so I must have missed something - apologies, I'll post the working example.

Andy

Please feel free to review / rate our software

Andy, we've verified in our sandbox that the current Magic Thumb v3.0.14 and Magic Scroll v2.0.37 work together nicely on our proddetail page.

Note the setup instructions on the ECT website, including the special includes.php lines needed to configure Magic Scroll when combined with other Magic Toolbox software: https://www.ecommercetemplates.com/help/magictoolbox.asp#magicscrollplus

On our page the scroll bar defaulted to two visible thumbnails, and looks much nicer when changed to 3 thumbnails by adding this line to includes.php:

$GLOBALS['magictooloptionsjs']='<script type="text/javascript">MagicScrollOptions = { items:3 }</script>';

You can configure a combination of Magic Scroll options to use a button control instead of side arrows, freeing up space for more or larger thumbnails, by substituting the following line for the one above:

$GLOBALS['magictooloptionsjs']='<script type="text/javascript"> MagicScrollOptions = { arrows: "off", pagination:true, items: 4 } </script>';

--------------

Hi Paul

Thanks for confirming that, I really need to get our demo showing it and will try with the three items you suggest and check it out - appreciate the heads up.

Andy

Please feel free to review / rate our software

It was as you said just a lack of thumbnails so that is showing better here now

http://www.ectdemostore.com/magic-thumb--magic-scroll.asp

Andy

Please feel free to review / rate our software

Hi Paul, I sent you a message, I was wondering how you entered that url. I not getting it to work.
Thanks,
David

In product's Image Manager, as the Large Image we specified a static .jpg thumbnail image that we created, and as the Giant Image we entered the link to the YouTube video (as in https://www.youtube.com/embed/tYBjkPWPGZQ?autoplay=1&rel=0).

Thanks Paul, I tried that (along with many versions of the url) and I doesn't work. I am using magic zoom plus, rather than magic thumb, but according to their website, it should work. I am on their latest version.
I suppose I will need to reach out to them to see if someone can help.
Thanks for posting back.

David

Dave, for what it's worth, we're using Magic Scroll v2.0.38 and Magic Thumb v3.0.14 and the YouTube links have worked OK.

Thanks Paul, I put in a ticket with the fine folks over at magic toolbox.
David

Hi, I have also been trying to display Youtube videos using Magic Zoom Plus, but without success. I contacted Magic Toolbox support and was directed to information at https://www.magictoolbox.com/magiczoomplus/examples/#video-combination where there is a link to the HTML coding on a Github page, but I couldn't work out how to implement this on my site. I hope a solution can be found and shared here..

Richard.

Hi Richard, I have this setup on two test sites, one with magic thumb, and the other magic zoom plus.
Magic thumb shows the video fine, and magic zoom plus does not.
I have messaged with Vince and he is aware and working on a fix with the magic folks.
Hopefully there will be a fix coming.

In any case, that is where we are currently.

Thanks,
David

Hi David, Thank you for the update. Let's hope Vince is able to fix this.

Richard.

Hi Richard, I have heard from Vince and the issue is the original magic toolbox integration with the cart was done with magic touch having video support, but magic zoom plus did not at that stage.
It seems the folks at magic touch are slated to do some (updating) work on that feature and there is no timetable from them on when that will happen.
But it will need to be worked out between magic toobox and ect at a future date.

Before I used magic zoom plus, I had a license for magic touch. I can update that for a discount, so what I have done is wrote a script to check my product images for a link to youtube and if so, change the parameter that sets the magic feature from magic zoom to magic touch.

If it's important for you to have this now, you can switch to magic touch, or if you want to run both, I can probably convert my code to .php easily enough and share it with you.

Thanks,
David