Announcement

Collapse
No announcement yet.

Category Page Falback Image

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

    Category Page Falback Image

    I am in the process of replacing all of the photos on a site via the image machine. But in the meantime I want the legacy images to load. I am using Iron and Wool ReadyTheme and on products that have not had new images loaded into the Image Machine the category pages are showing "NO IMAGE AVAILABLE".

    Is there a work-around to get the legacy images to load on the category page with a 255px X 255px legacy image as a fallback until new images are loaded?
    Jon

    Viscott Limited
    www.viscott.com

    #2
    Re: Category Page Falback Image

    On CTGY look for this code:

    Code:
    <mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main">
    	<img src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;" title="&mvte:product:name;" />
    <mvt:else>
    	<img src="../images/img_no_thumb.jpg" alt="&mvte:product:name;" title="&mvte:product:name;" />
    </mvt:if>

    Replace it with

    Code:
    <mvt:if expr="NOT ISNULL l.settings:product:imagetypes:main">
    	<img src="&mvte:product:imagetypes:main;" alt="&mvte:product:name;" title="&mvte:product:name;" />
    <mvt:elseif expr="NOT ISNULL l.settings:product:thumbnail">
    	<img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" title="&mvte:product:name;" />
    <mvt:else>
    	<img src="../images/img_no_thumb.jpg" alt="&mvte:product:name;" title="&mvte:product:name;" />
    </mvt:if>
    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment


      #3
      Re: Category Page Falback Image

      Thanks Brennan!
      Jon

      Viscott Limited
      www.viscott.com

      Comment


        #4
        Re: Category Page Falback Image

        Brennan,

        All of the new Image Machine thumbnails are 255 X 255px, however the fallback thumbnails are 160X200. When a category page displays with a mix of the 2 sizes the image in the rows are aligned to the top making the titles and prices uneven. Is there a way to force the row columns to be all the same height so the images align at the bottom.

        Thanks in advance,
        Jon
        Jon

        Viscott Limited
        www.viscott.com

        Comment


          #5
          Re: Category Page Falback Image

          The easiest solution is to make the container height of the images 255, so that it is as tall as your tallest image. That will force all the rows to line up.
          Brennan Heyde
          VP Product
          Miva, Inc.
          [email protected]
          https://www.miva.com

          Comment


            #6
            Re: Category Page Falback Image

            Brennan,

            Can you direct me to where in the Iron & Wool CSS I would find this?

            Thanks,
            Jon
            Last edited by Viscott; 11-24-15, 09:21 AM.
            Jon

            Viscott Limited
            www.viscott.com

            Comment

            Working...
            X