How do I change the no image displayed when no products are available in a collection

Solved

How do I change the no image displayed when no products are available in a collection

Noodles300
Visitor
2 0 1

Hello, I'm trying to wrap my head around how to fix this issue.

 

As you can see by this image, the "Niche" collection does not display any images. I understand why, as no products are available in the collection. The issue I have is, that the collection is set to only contain products with a stock greater than 0, so our customers do not have to deal with looking through our out-of-stocks, and I would like to keep it this way.

 

Screenshot 2023-11-30 at 11.23.44.png

 

How can I attach an image that is displayed at all times, or preferably, a default image IF there should be no more products in this collection.

Accepted Solution (1)

sahilsharma9515
Shopify Partner
1076 132 203

This is an accepted solution.

Hi @Noodles300 You can add the image in the collection section, where you have added this collection, may be it sounds like weird, but it is the way how you can solve this issue.

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

Replies 5 (5)

sahilsharma9515
Shopify Partner
1076 132 203

This is an accepted solution.

Hi @Noodles300 You can add the image in the collection section, where you have added this collection, may be it sounds like weird, but it is the way how you can solve this issue.

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Noodles300
Visitor
2 0 1

I did already do this, however, the one thing I was missing was to edit the theme settings within the theme editor -> Collection list (main block). Here I could set the collection to display the collection image, which solves this problem. 

 

Thank you so much for the replies everyone!

Dan-From-Ryviu
Shopify Partner
8440 1660 1675

Hi @Noodles300 

Could you send your store link to check?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

websensepro
Shopify Partner
1053 149 156

hy ,@Noodles300 

there is two way you can hide if there its no image in product 

1) you can manually hide the product

websensepro_1-1701341681721.png

 

websensepro_2-1701341686247.png

 

You can draft the product, and there is automatic functionality available through code.

 

websensepro_3-1701341956152.png

 

 

{% if product.featured_image %}
{% endif %}

 

wrap in follow code like this

websensepro_4-1701341991116.png

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
teddybear_d9
Shopify Partner
11 1 2

Is gonna work but lets if is you showing 50 so  you see in this page 49 products and you have empty place.