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:
The Shopify theme that we are currently using is Vantage. TY!
please share the url along with the details
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.
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.
Hi @jjacquelineftk ,
You can follow these steps:
Step 1: Go to Online store → Themes → Edit code
Step 2: Search for file “theme.liquid”
Step 3: Copy and paste this code above tag → Click Save
{% 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:
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?