Announcement

Collapse
No announcement yet.

How to implement Retina Images

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

    How to implement Retina Images

    Hi,
    I'm trying to implement Retina images. I uploaded my retina.js file to themes/levels/css. I put the code in to call it in the details section of my storefront page (User Interface > Pages > SFNT) before the closing body tag:
    <script type="text/javascript" src="/themes/levels/retina.js"></script>

    I've got my images created with the "@2x.jpg" correctly placed in the name. (Like "[email protected]")
    But the retina image doesn't show up.

    Not sure what I'm doing wrong.

    Anyone know hot to set Retina up?

    Thanks

    #2
    Unfortunately, this is not something I have implemented before. Are you seeing any JavaScript errors in your console? Can you post a link to the site?
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Originally posted by Matt Zimmermann View Post
      Unfortunately, this is not something I have implemented before. Are you seeing any JavaScript errors in your console? Can you post a link to the site?
      I did have an error when I tried to place the retina.js script in a folder in the MM5 directory. I got an " SyntaxError: Unexpected token '<' " Which I discovered meant that simply the script wasn't being found.
      I corrected that, but then nothing.

      I am working on a Dev site, so it's .htaccess protected. Your profile says you are with Miva. Can you get "in" like Miva support can? If so we should PM so I can give you particulars.

      Thanks for your help.

      Comment


        #4
        I am with Miva, however I do not have access to your site. I would recommend contacting either Support or Professional Services and see if they can assist you.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          Originally posted by Matt Zimmermann View Post
          I am with Miva, however I do not have access to your site. I would recommend contacting either Support or Professional Services and see if they can assist you.
          Their response will probably be "hire a developer".

          So maybe you can at least tell me where I should put the call to the script so it will be available to all pages? It needs to go before the closing </body> tag.

          And would you put the script itself in the Levels js folder or at the root directory in it's own folder? Or does it matter? Either will do?

          Comment


            #6
            If this is being used globally on your site, I would recommend placing the script within the Levels folder structure, mm5/themes/levels/js/, and then calling it in through the scripts.js file. To get you started, add this within the init function near the top of the scripts.js file:
            Code:
            $.getScript(theme_path + '/js/retina.js', function () {
                /**
                 * Place your initialization call and any options here.
                 */
            });
            Matt Zimmermann

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            Comment

            Working...
            X