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 { 

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)



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 { 

div.ecwid-noimage-small { 


Was this article helpful?
0 out of 2 found this helpful
Get help
  • 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