I’d been trying to remove the images from the collections on the collection list for the Dawn theme of my front page for my shop but without any success.
I will love to have only the name of the collection with the description (as the 5 other collections are displaying). Must say that only the first collection have a product added to it with pictures (5 other doesn’t have any products yet).
I’d been trying this other solution but it doesn’t work for me. When adding the code to the base.css the layout looks like this:
If I think to keep it simple without any code changes you can use “Multicolumn” section instead of collection list, please check screenshot link for reference and let me know your thought https://prnt.sc/fxDq1WZ8PVBi
thanks for your reply! Yes, I have tried the Multicolumn before, problem is that I’m using a manual translation app for the shop. And it’s way more difficult to translate the columns (as I have to add them as custom content) than to use collections and descriptions of the collections (they translate mostly automatically for everywhere they appear in the shop). That’s why I was thinking on using the collection list.
Hello @garcivic ,one of my client has a similar problem and here is what I suggested and it was cool.
Design /write the collection name on any color background and upload as picture because automatically will pick one of the products image as the collection picture if you don’t do it.
yep, I was thinking about doing this. However I will need to check because the store is multi language and I don’t know yet if my translation app can change images based on customer selected language.
Go to your Shopify store admin > Products > Collections > open the collection has image above > Collection image > Edit > Remove to remove image > click Save button
There is not image in the collection, that is the thing…
The collection list load the first picture of the first product for each collection…
Want I want is to not get that first image of the first product loaded onto my collection list (just showcase the name and description of the collection).
I found the solution you need to edit liquid code of collection list section for this find file (card-collection.liquid) https://prnt.sc/-laXaO04T-gt and edit three code line as show in screenshot (https://prnt.sc/A21YgksgWvRq)
replace line 44:- <div class=“card__media {% if template.name == “index” %}card__media_home{% endif %}”> 69:- <div class=“card__content {% if template.name == “index” %}card__content_home1{% endif %}”> 90:- <div class=“card__content {% if template.name == “index” %}card__content_home2{% endif %}”>
After above change you need to add following css code to bottom of “section-collection-list.css” file https://prnt.sc/jCnYs2mx-CsA
Hello I’ve been in attempts of using this and it hasn’t worked for me, I’m copying the code lining as you made it clear but I haven’t gotten any success.
I am also trying to get the image removed. I tried to replace line 44, 69 and 90. And add the css code. But unfortunately without success. I see that your solution is from a while ago (2022). Is it possible that something has changed in the code in the meantime?
