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
1266 165 244

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
1266 165 244

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
10868 2143 2277

Hi @Noodles300 

Could you send your store link to check?

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

websensepro
Shopify Partner
1854 215 260

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/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
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.