Product images on storefront cannot be loaded if using conversion media

[Former Member]

Hi experts,

I am trying to use conversion media via hMC. Step 1: I create 5 conversion media formats (515Wx515H, 300Wx300H, 96x96, 65x65, 30x30). Step 2: I create a media using normal 1200x1200 format. Step 3: I create a media container and add media created in step 2. Then, I successfully convert missing media formats. Step 4: I assign converted medias to a product but double check on storefront, this product cannot be loaded converted images. (If I use normal media format instead of conversion media format, the product can be loaded imaged on storefront).

Anybody helps me in this case? Do I miss any step if using conversion media format function?

Many thanks, Mai

[Former Member]

Keep in mind that the search results page and the product detail page by default use the galleryImages field from the Multimedia tab of the Product. Another words, these two pages will use the media container you provided with the converted images to populate.

If you are looking at the mini-cart/checkout page, it uses the normal picture property of the Product which comes from the "Image" on the Multimedia page in hMC.

Also, you may be missing a few formats there. I believe the store uses an image format of 365Wx246H. See a complete list of these defined in b2bacceleratorfacades-spring.xml like so:

 <!-- accelerator Image Format Mappings -->
 <alias name="acceleratorImageFormatMapping" alias="imageFormatMapping"/>
 <bean id="acceleratorImageFormatMapping" parent="defaultImageFormatMapping">
     <property name="mapping">
     <map>
         <entry key="superZoom" value="1200Wx1200H"/>
         <entry key="zoom" value="515Wx515H"/>
         <entry key="store" value="365Wx246H"/>
         <entry key="product" value="300Wx300H"/>
         <entry key="thumbnail" value="96Wx96H"/>
         <entry key="cartIcon" value="65Wx65H"/>
         <entry key="styleSwatch" value="30Wx30H"/>
     </map>
     </property>
 </bean>

Unless you've changed the mappings as well, you need to make sure that all of these formats have proper converted images.

Hope this helps.