Re: change the featured image for a collection

sweetchin23 · ‎11-30-2023

hi can you please help me, currently my collection featured image is this.

but I want it like this

can I change it using CSS?

coz I need the hair for my collection page image

thanks in advance

Dan-From-Ryviu · ‎11-30-2023

Hi @sweetchin23

Go to Online store > Themes > Edit code > open theme.liquid, add the below code after <head> tag

{% if collection.handle == 'white-label-collections' %}
<style>
.collection-hero__image-container {
    background-image: url(https://cdn.shopify.com/s/files/1/0799/8350/9824/files/Halo-m_Banner_Collection.png?v=1699370950) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.collection-hero__image-container img { opacity: 0; }
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu · ‎11-30-2023

Hi @sweetchin23

You can change feature image of collection from your store admin > Products > Collections

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sweetchin23 · ‎11-30-2023

hello, but the problem is that it will change the photo in my collection list. it will be the girl in black in white, I still want it to be the hair. is that possible?

if you click https://halo-m.com/collections

and click https://halo-m.com/collections/white-label-collections

I want it to be the black-and-white image, not the hair. but I want the hair to be in my collection list imahe

Dan-From-Ryviu · ‎11-30-2023

Yes, it can be. Please send me your collection link and image link that you want it is feature image

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sweetchin23 · ‎11-30-2023

image link: https://cdn.shopify.com/s/files/1/0799/8350/9824/files/Halo-m_Banner_Collection.png?v=1699370950

collection link:https://halo-m.com/collections/white-label-collections

thank you very much

Dan-From-Ryviu · ‎11-30-2023

Hi @sweetchin23

Go to Online store > Themes > Edit code > open theme.liquid, add the below code after <head> tag

{% if collection.handle == 'white-label-collections' %}
<style>
.collection-hero__image-container {
    background-image: url(https://cdn.shopify.com/s/files/1/0799/8350/9824/files/Halo-m_Banner_Collection.png?v=1699370950) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.collection-hero__image-container img { opacity: 0; }
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sweetchin23 · ‎11-30-2023

thank you! but can it be a fixed image not scrolling? thank you!

Dan-From-Ryviu · ‎11-30-2023

Hi @sweetchin23

Did you fix image scrolling issue? because I cannot see image scoll anymore

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sweetchin23 · ‎11-30-2023

hi, yes. Thank you very much! 😍