Get rid of Collection Title below Collection Banner Image

jjacquelineftk
Tourist
4 0 1

Hi! I am trying to get rid of the collection titles on their designated pages to just have the collection banners that i will be uploading. 

Here is an example of what i'm referring to:

Screen Shot 2024-05-03 at 4.16.39 PM.png

The Shopify theme that we are currently using is Vantage. TY!

Replies 5 (5)

Jack_Khan_Baba
Shopify Partner
90 8 14

please share the url along with the details

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Chat on WhatsApp: +923143054166
Need a Shopify developer? Hire us at naimatullahts335@gmail.com
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
jjacquelineftk
Tourist
4 0 1

URL:https://www.favorthekind.com/collections/teacher-appreciation

I want to display a banner at the top of this and other collection pages. I would like to replace the text that says the name of the collection page as well... i.e "Teacher Appreciation".

I also want to make sure that the banner looks good with desktop and mobile version. 

BSS-TechFusion
Shopify Expert
149 26 15

Hi @jjacquelineftk 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

BSS-TechFusion
Shopify Expert
149 26 15

Hi @jjacquelineftk,

You can follow these steps: 

 

Step 1: Go to Online store -> Themes -> Edit code

 

view.png

 

Step 2: Search for file "theme.liquid"

Step 3: Copy and paste this code above tag </head> -> Click Save

view.png

    {% if request.path contains 'collections/teacher-appreciation' %}
      <style>
        .collection-description h1 {
          visibility: hidden !important;
        }
      
      #CollectionProductGrid > div > .collection-description {
          background-repeat: no-repeat !important;
          background-size: cover !important;
          background-image: url("https://res.cloudinary.com/dzlovjzfj/image/upload/v1715076134/Screen_Shot_2024-05-03_at_4.16.39_PM_srlvts.png") !important;
          height: 400px !important;
      }
      </style>
    {% endif %}

 

Result:

view.png

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

jjacquelineftk
Tourist
4 0 1

Thank you - but i'm looking for something that will help with any/all collection pages i make moving forward. The theme i have now lets me have a collection banner but it is only good for desktop. I would like to have an option to place a mobile version of the banner as well. Maybe adding the image to a metafield would be best?