Magic Zoom / Magic Thumb with Video

[lesliekirk]

Follow up on my earlier post. I've had to contact magictoolbox.com support once again. The video feature didn't work. The first reply I got from their support was "...displaying videos is not part of standard Magic Zoom Plus script". I was told to use the custom version they had previously created for me. I did send them a screenshot of the default Magic Zoom Plus page on their website. I think I'll take a peek at what Ryan has shared. If you need the custom script let me know, I can pass it along.

[RTHOMASDESIGN]

Thought I'd reply and post this here for those that are still using Magic Zoom on sites... Out of the box it doesn't include alt / title / width / height attributes for images. I've modified the image machine script to include those -- feel free to PM me for an updated script. There are a couple caveats... e.g. all images should be the same aspect ratio (which is already best practice).

My biggest wishlist feature for Shadows is a better image zoom. I'd love it if they built in Photoswipe and made that the default, which is what I typically use for site builds. Photoswipe doesn't look great out of the box, but you can customize the controls and styling easily to make it look amazing & match whatever site you're building.

[lesliekirk]

Hi Leanne,

Yes, of course! Also I have been emailing Igor at [email protected]

He edited the magic-miva-imagemachine.js file to work with the Product Custom Field "magic_video" I created. I noticed that the magic-miva-imagemachine.js that is available for download didn't seem to have the code for video. Igor added it based on my custom field.

As part of the editing Igor had me add a div field with the class being the custom field. He never told me to remove so I've left it.

<!-- Magic Video test link -->
<div class="magic_video">&mvt:product:customfield_value s:customfields:magic_video;</div>

Since I can't share the javascript file on the forum, I'll have to email it to you.

Leslie

[Leanne]

Leslie, any chance you would share the file from the Magic Toolbox developer, and any other tips you have for getting this working? I wasn't able to get anywhere with it.

[SidFeyDesigns]

I have been in touch with the Magic Toolbox developer. He tweaked the file for me based on the custom field I created. That leads me to believe that the magic-miva-imagemachine.js provided is looking for a specific custom field. But when I compared the file I downloaded from the Magic Toolbox site with the one I was sent, the is NO reference to any videos at all. I do wonder why that code wasn't included.

I do have it working now.

Ahh, that is odd the code wasn't included but glad they helped sort it out.

[lesliekirk]

lesliekirk and I mean the image machine script provided by Magic Toolbox

I have been in touch with the Magic Toolbox developer. He tweaked the file for me based on the custom field I created. That leads me to believe that the magic-miva-imagemachine.js provided is looking for a specific custom field. But when I compared the file I downloaded from the Magic Toolbox site with the one I was sent, the is NO reference to any videos at all. I do wonder why that code wasn't included.

I do have it working now.

[SidFeyDesigns]

lesliekirk and I mean the image machine script provided by Magic Toolbox

[SidFeyDesigns]

Thanks, I had already looked at that. It might be helpful if it had an explanation on what needs to be edited in the PROD Page beside the basic items needed for the initial installation (that part was easy). How do I link the video? A Custom Field? Do I have to create thumbnails for the video? How does that get added? I did post the questions on the GitHub page.

Do you happen to have the image machine JavaScript handy? You probably won't be able to post the script directly but I think you can copy and paste the code into a Word.doc and attach the file to your post.

[lesliekirk]

This might be helpful. https://gist.github.com/Magic-Toolbo...736aabc3c8da7d

Thanks, I had already looked at that. It might be helpful if it had an explanation on what needs to be edited in the PROD Page beside the basic items needed for the initial installation (that part was easy). How do I link the video? A Custom Field? Do I have to create thumbnails for the video? How does that get added? I did post the questions on the GitHub page.

[SidFeyDesigns]

This might be helpful. https://gist.github.com/Magic-Toolbo...736aabc3c8da7d

[Leanne]

I was afraid of that :(

[lesliekirk]

Leslie did you ever get this working with adding video?

I don't think I ever did. I'll have to dig through my stuff and see what I ever did.

[Leanne]

Leslie did you ever get this working with adding video?

[lesliekirk]

So as I am waiting to hear back from Magic Toolbox Support I thought I would try to add the Product Custom Field. I think somehow this coding needs to be incorporated into the javascript instead of putting it into the Product Display Layout of the PROD template.

<mvt:if expr="l.settings:product:customfield_values:custom fields:youtube">
<a href="&mvt:product:customfield_values:customfields :youtube;" rel="thumb-id:MagicImage" data-thumb-id="zoom"></a>
</mvt:if>

Unless I'm not seeing where it might already be in that code (in the magic-miva-imagemachine.js file)?

[lesliekirk]

I've installed Magic Zoom Plus on a few sites (never Magic Thumb) and haven't used it for videos. All that said, I believe you can add this to the bottom of the "Product Display Layout Image Machine" template to disable the default zoom. I don't know which ReadyTheme you're using, but it's worth a shot:

/**
* This disables the default Miva image zoom functionality.
*/
ImageMachine.prototype.Closeup_Open = function () {
return false;
}

If not, you'll likely need to disable the thumb/zoom scripts that came with the ReadyTheme.

Thanks - I added the snippet (albeit not sure if I did it correctly) and the default zoom is still there. Unchecking the Enabled within the Product Display Layout Image Machine was probably not what you intended for me to try. I removed the entire Head Template coding and it now only has the Magic Zoom popup. FWIW, I have not heard back from Magic Toolbox Support. I'm going to re-email them today.