【Theme: Debut】How to disable image that shows up in the header of the collection page

Solved
Tourist
13 0 1

Good Day

      Could I disable image that shows up in the header of the collection page as the image shows below:

WechatIMG534.png

 

      Store Link: Formwe.com

      Could we solve this by editing code or something else?

      Thanks in advance.^_^

0 Likes

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.collection-hero__image.ratio-container.js.lazyloaded {
display: none!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
13 0 1

Thank you for the quick response.

And the collection page is like the image shown below

WechatIMG535.png

 

The collection's title has gone. Could we display the collection's title like the image below:

WechatIMG536.png

 

Thx for your assistance.

 

0 Likes

Success.

Add this css

.collection-hero__title-wrapper .collection-hero__title {
     display: block!important; 
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
13 0 1

It's not working. very weird.

0 Likes
Tourist
13 0 1

By the way, I have inserted some codes as below in the same file: theme.scss.liquid

 

.collection-hero__title-wrapper .collection-hero__title {
   display: none!important;
}

.collection-grid-item__title.h3 {
   display: none!important;
}

Does this code affect the whole situation?

0 Likes

Okay.
It's beacuse of image display none, title placed inside the image.

We need to move that div outside image div by customizing collection file.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
13 0 1

Could you kindly tell us more details?

0 Likes

Success.

You need to customize collection page. If possible please share collection page code on mail.
Email: pallavi@oscprofessionals.com

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like