Announcement

Collapse
No announcement yet.

Product Image briefly displays then goes away

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

    Product Image briefly displays then goes away

    I'm trying to figure out why the Product Image on the PROD Page briefly displays then disappears. This is the code in place in the Product Display Layout:

    Code:
    <figure class="x-product-imagery__showcase">
    <img id="main_image" class="x-product-layout-images__image" data-hook="product-image" data-index="0" data-mini-modal data-mini-modal-content="data-hook=photo-gallery-template" data-mini-modal-type="inline" src="&mvt:product:image;" alt="&mvte:product:name;" title="&mvte:product:name;">
    </figure>
    The website is NOT using the Image Machine because it can't handle SVGs, instead, it is using the Legacy Images.

    Is removing the id="main_image" the only way to fix this?

    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
    Might be. Unless the image machine JS is completely disabled, it will be trying to write in the data for the image (null in this case). That is, if #main_image is what is being used to identify the resource.

    Also of course, check for JS errors in the control panel.
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    Comment


      #3
      Hi Leslie,

      I believe Bruce has the correct answer for this.
      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