How to alter "No Image Available" thumbnails

Last updated

If you want to remove "No Image Available" thumbnails, use this custom CSS code:

div.ecwid-noimage, div.ecwid-noimage-small { 
   display:none; 
} 

If you want to replace such images with your own ones, perform these steps:

  • Create a new image
  • Make sure your new icon is available on the Web. You can upload it to your web hosting or use image hosting like Flickr.
  • Add the following custom CSS code to your custom theme: 
    div.ecwid-noimage { background-image:url('IMAGE_URL'); } 
    

    where IMAGE_URL is a path to your custom image

  • Save changes and hit "reload" to see the changes in your shop. 
  • If you want to replace such images on the cart page too, apply thiscode:
    div.ecwid-noimage-small { background-image:url('SMALL_IMAGE_URL'); }
    

    where SMALL_IMAGE_URL is a path to your small custom image (80x80 px)

​​

Examples

The "no-image" picture with the transparent background. You can use it if your page and store background is custom and isn't white. 

Apply this CSS code: 

div.ecwid-noimage { 
background-image:url(http://kb.ecwid.com/f/noimage_trans.png);
 } 

div.ecwid-noimage-small { 
    background-image:url(http://kb.ecwid.com/f/noimage_small_trans.png); 
}

 

Was this article helpful?
0 out of 2 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7