Announcement

Collapse
No announcement yet.

Related Item Images not longer linked

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

    Related Item Images not longer linked

    In anticipation to moving to Miva 9 I've been updating my 5.5 store to use the image machine everywhere and stop using the legacy images. Today's challenge is the Related Product List Layout. I have successfully set it to use the image machine (via a CATIMG item type) but now the images are no longer hot. The link under the image works but clicking the image does not.

    If you want to see it here's an example: http://www.preparesmart.com/mm5/merc...egory_Code=011

    Can someone help me troubleshoot this current portion of the Layout? Further down is the "original" layout version.

    <div class="product-details">
    <div class="product-image-related">
    <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimage customfields:CATIMG">
    <div class="custom-field" id="productimagecustomfields-CATIMG">&mvte:customfield_names:productimagecustom fields:CATIMG;: <span class="bold">&mvt:product:customfield_values:produ ctimagecustomfields:CATIMG;</span></div>
    </mvt:if><img id="main_image_&mvte:product:id;" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" />
    </div>
    <ul id="thumbnails_&mvte:product:id;" class="thumbnails"></ul>
    <div id="closeup_div_&mvte:product:id;" class="closeup"><img id="closeup_image_&mvte:product:id;" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;"><div><a id="closeup_close_&mvte:product:id;">close</a></div></div>
    <mvt:item name="related_products_imagemachine" param="body:product:id" />
    <div class="clear product-image-margin"></div>


    For comparison I went back to my Dev store that has not been updated to us the image machine and the images for the Related Products are active links. Here's the original:

    <div class="product-details">
    <div class="product-thumbnail">
    <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
    </div>
    Keith Oratz
    PrepareSmart, LLC - Emergency Preparedness Supplies and Professional Grade Search and Rescue Gear
    www.preparesmart.com

    #2
    Re: Related Item Images not longer linked

    Originally posted by Keitho View Post
    In anticipation to moving to Miva 9 I've been updating my 5.5 store to use the image machine everywhere and stop using the legacy images. Today's challenge is the Related Product List Layout. I have successfully set it to use the image machine (via a CATIMG item type) but now the images are no longer hot. The link under the image works but clicking the image does not.

    If you want to see it here's an example: http://www.preparesmart.com/mm5/merc...egory_Code=011

    Can someone help me troubleshoot this current portion of the Layout? Further down is the "original" layout version.

    <div class="product-details">
    <div class="product-image-related">
    <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimage customfields:CATIMG">
    <div class="custom-field" id="productimagecustomfields-CATIMG">&mvte:customfield_names:productimagecustom fields:CATIMG;: <span class="bold">&mvt:product:customfield_values:produ ctimagecustomfields:CATIMG;</span></div>
    </mvt:if><img id="main_image_&mvte:product:id;" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" />
    </div>
    <ul id="thumbnails_&mvte:product:id;" class="thumbnails"></ul>
    <div id="closeup_div_&mvte:product:id;" class="closeup"><img id="closeup_image_&mvte:product:id;" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;"><div><a id="closeup_close_&mvte:product:id;">close</a></div></div>
    <mvt:item name="related_products_imagemachine" param="body:product:id" />
    <div class="clear product-image-margin"></div>


    For comparison I went back to my Dev store that has not been updated to us the image machine and the images for the Related Products are active links. Here's the original:

    <div class="product-details">
    <div class="product-thumbnail">
    <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
    </div>
    Try this...

    <div class="product-details">
    <div class="product-image">
    <mvt:if expr="NOT ISNULL l.settings:product:imagetypes:CATIMG"><a href="&mvte:product:link;"><img src="&mvte:product:imagetypes:CATIMG;" alt="&mvte:product:name;" /><mvt:else><a class="image-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
    </div>
    <div class="product-name"><a href="&mvte:product:link;">&mvt:product:name;</a></div>
    <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
    <div class="product-price">Price: <span class="bold">&mvt:product:formatted_price;</span></div>
    <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimage customfields:main_image">

    </mvt:if>
    <mvt:if expr="l.settings:product:inv_active">&mvt:product: inv_long;<br></mvt:if>
    <div class="product-quantity">Quantity in Basket:
    <mvt:if expr="l.settings:product:quantity EQ 0">
    <span class="italic">none</span>
    <mvt:else>
    <span class="italic">&mvt:product:quantity;</span>
    </mvt:if>
    </div>
    </div>
    Happie Mendenhall
    Support Technician
    Miva, Inc.

    Comment


      #3
      Re: Related Item Images not longer linked

      Thanks. Unfortunately this version knocked out the images (but the links below them still work).

      I noticed that you replaced <div class="product-image-related"> with <div class="product-image">. We created product-image-related in order to get the images to display properly. I tried putting that back in with no change.

      Also, I received an error on Line 109, which I believe was due to a missing operator between "values:productimage" and "productimage:main". Should it be a colon? I tried that but it did not restore the images.

      <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimage productimage:main_image">

      What's next?
      Keith Oratz
      PrepareSmart, LLC - Emergency Preparedness Supplies and Professional Grade Search and Rescue Gear
      www.preparesmart.com

      Comment


        #4
        Re: Related Item Images not longer linked

        Originally posted by Keitho View Post
        Thanks. Unfortunately this version knocked out the images (but the links below them still work).

        I noticed that you replaced <div class="product-image-related"> with <div class="product-image">. We created product-image-related in order to get the images to display properly. I tried putting that back in with no change.

        Also, I received an error on Line 109, which I believe was due to a missing operator between "values:productimage" and "productimage:main". Should it be a colon? I tried that but it did not restore the images.

        <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimage productimage:main_image">

        What's next?
        There is no a tag so when you click the image it has nowhere to go

        <div class="product-image">
        <mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main_image"><a href="&mvte:product:link;"><img src="&mvte:product:imagetypes:main_image;" alt="&mvte:product:name;" /><mvt:else><a class="image-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a>
        </div>

        This is the code on my Related Product List Layout tab
        Add a a tag around <img src="&mvte:product:imagetypes:main_image;" alt="&mvte:product:name;" />
        Happie Mendenhall
        Support Technician
        Miva, Inc.

        Comment

        Working...
        X