Skip to Content
author's profile photo Former Member
Former Member

Product images on storefront cannot be loaded if using conversion media

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

Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • author's profile photo Former Member
    Former Member
    Posted on Jul 21, 2016 at 02:32 AM

    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.

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.