Collection page - show specific variants under the product

[Vlk1]

Hello,

I have a problem here that might have a solution. On my store I have this specific collection called "sales". I have there some sneakers on sale BUT there are only specific sizes on sale, not every size. Is it somehow possible to show that specific sizes under the product? For example if you can see the first black sneaker called Adidas Campus Core Black, from all sizes only size 40 2/3 is in sale so there would be "40 2/3" highlighted under the price of the shoe, so that code would somehow react on sizes, that would have filled "compare at price" column. 

Thank you for answers and tips. 

[Zeel-prajapatii]

Hey @Vlk1  add below code.

@media screen and (max-width:480px){
.collection-list .card__inner {
    height: 140px;
}
}

[Vlk1]

Hello, I have tried to put it to certain section in custom css and then I have also tried to put it to base.css but it is not working for me.

[Sweet_Savior_3]

Hello @Vlk1 

Okay, I have understood your query. But what if you have multiple sizes available? Then it will show all the available sizes ?

Please confirm.

Thanks

[Vlk1]

Yes that is the problem. I would like it to be able only filter and show sizes where is filled “compare at price” column, that would ensure that only discounted sizes would appear 

[Sweet_Savior_3]

Yes @Vlk1 

But if you 5 sizes in a product and two of them contains a compare at price then what should be the output ?

Product Title Size 1 & Size 2 ? Or the highest of one of them ?

Also this is a custom requirement so it can be achieved by altering a code. I would recommend you a hire a developer at a reasonable rate. Let me know if you are looking for ?

Thanks

[Vlk1]

The output would be all sizes that matches the condition (filled compare at price) si the first solution you have mentioned. 

I already have one I just tried it here first. 

[Sweet_Savior_3]

Okay. You can ask your developer to setup for you.