Announcement

Collapse
No announcement yet.

Magic Zoom / Magic Thumb with Video

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Magic Zoom / Magic Thumb with Video

    The installation of the Magic Thumb extension is easy peasy. But I have already noticed two things not addressed in the Installation instructions provided for Magic Thumb for Miva Merchant. They do not explain how to add video or how to remove the Image Machine popup (which is currently hiding behind the Magic Thumb popup).

    I am assuming being able to include a video is going to involve creating a Product Custom Field. Any other tips would be great. I have also reached out to the Magic Toolbox folks via their contact form.

    IMHO this could be such a great partnership between the two if it were truly plug & play
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    Seriously? No one is using the Magic Zoom extension?
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      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.

      Last edited by RTHOMASDESIGN; 03-09-21, 10:24 AM.

      Comment


        #4
        Originally posted by RTHOMASDESIGN View Post
        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.
        Leslie Kirk
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment


          #5
          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.

          Code:
          <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)?
          Leslie Kirk
          Miva Certified Developer
          Miva Merchant Specialist since 1997
          Previously of Webs Your Way
          (aka Leslie Nord leslienord)

          Email me: [email protected]
          www.lesliekirk.com

          Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

          Comment


            #6
            Leslie did you ever get this working with adding video?

            Comment


              #7
              Originally posted by Leanne View Post
              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.
              Leslie Kirk
              Miva Certified Developer
              Miva Merchant Specialist since 1997
              Previously of Webs Your Way
              (aka Leslie Nord leslienord)

              Email me: [email protected]
              www.lesliekirk.com

              Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

              Comment


                #8
                I was afraid of that :(

                Comment


                  #9
                  This might be helpful. https://gist.github.com/Magic-Toolbo...736aabc3c8da7d
                  Nick Harkins
                  www.loveisarose.com
                  *Web Developer
                  *Miva
                  *Google Analytics, Search Console, Tag Manager, Merchant Center, Ads

                  Comment


                    #10
                    Originally posted by SidFeyDesigns View Post
                    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.
                    Last edited by lesliekirk; 08-22-22, 04:01 AM.
                    Leslie Kirk
                    Miva Certified Developer
                    Miva Merchant Specialist since 1997
                    Previously of Webs Your Way
                    (aka Leslie Nord leslienord)

                    Email me: [email protected]
                    www.lesliekirk.com

                    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                    Comment


                      #11
                      Originally posted by lesliekirk View Post

                      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.
                      Nick Harkins
                      www.loveisarose.com
                      *Web Developer
                      *Miva
                      *Google Analytics, Search Console, Tag Manager, Merchant Center, Ads

                      Comment


                        #12
                        lesliekirk and I mean the image machine script provided by Magic Toolbox
                        Nick Harkins
                        www.loveisarose.com
                        *Web Developer
                        *Miva
                        *Google Analytics, Search Console, Tag Manager, Merchant Center, Ads

                        Comment


                          #13
                          Originally posted by SidFeyDesigns View Post
                          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.
                          Leslie Kirk
                          Miva Certified Developer
                          Miva Merchant Specialist since 1997
                          Previously of Webs Your Way
                          (aka Leslie Nord leslienord)

                          Email me: [email protected]
                          www.lesliekirk.com

                          Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                          Comment


                            #14
                            Originally posted by lesliekirk View Post

                            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.
                            Nick Harkins
                            www.loveisarose.com
                            *Web Developer
                            *Miva
                            *Google Analytics, Search Console, Tag Manager, Merchant Center, Ads

                            Comment


                              #15
                              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.

                              Comment

                              Working...
                              X