Announcement

Collapse
No announcement yet.

Product Image Not Displaying on Alternate PROD Page

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

  • Product Image Not Displaying on Alternate PROD Page

    Hi All!


    I've created an alternate display page for certain products, but I cannot seem to get the main product image to load. I've made a page that is an exact copy of PROD other than the page code obviously. The main image will not display. It does not display the default "no image available" that is used as a backup if no image is found. In fact, the image machine works fine and retrieves the main image from the server just fine as seen in the html source code. The container is generated for the image, just no image is loaded inside.

    I believe the issue is in either some JS or CSS files that have functions specific to the "PROD" page code. But I'm not sure which file it is.
    - I have changed the body id to js-PROD
    - Copied the jsPROD function in scripts.js and made an identical one for the new page code.
    - Triple checked to make sure the page is identical to PROD in code and items added.
    - Made sure the image has type "main"

    The image shows up perfectly when used on the PROD page, it's just the copy of PROD that it will not show up on.

    Anyone have any idea on what this could be?


    Thanks in advance!
    -Jaime Veronda
    Last edited by jaime.v; 05-17-18, 01:55 PM.

  • Hi Jamie,

    Can you post a link to a standard product and an alternate product page on your site?
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Sure thing,

      PROD page: https://www.ktm-parts.com/URB165420X.html

      Alternate PROD page: https://www.ktm-parts.com/URB1758010.html

      Note that the title of the page is displayed on the alternate prod page, but not on the original.

      Comment


      • Hi Jamie,

        When I look at the alternate page, I am getting a JavaScript error related to a file called 'universal.js' which looks like it is being called in your HEAD tag. That may be interfering with the other functions on the page.
        Matt Zimmermann
        Director of UI/UX Standards and Theme Development
        / Miva, Inc.

        Comment


        • Yes that error coming up in the console is from a third party company's scripts. I do not believe their scripts rely on the page code as some miva functions do...but I will check to make sure. I think that error is more of a symptom than a cause. Do you happen to know what miva processes might rely specifically on the page code? For example, how the the SFNT has many processes that run only when the SFNT page code is detected.

          Comment


          • Hi Jamie,

            In the ReadyThemes, the JavaScript function in the 'scripts.js' file, that are not global, are executed based on the page ID, in the case of the storefront that is jsSFNT.
            Matt Zimmermann
            Director of UI/UX Standards and Theme Development
            / Miva, Inc.

            Comment

            Working...
            X