Solved

Remove collection name Craft theme

Vitallife1
Tourist
7 0 1

Hey team, 

 

I am wanting to remove the names on each collection but still have the collections be clickable. Have added an image below - as you can see the images already have the names so are not wanting the title. 

 

Using Craft Theme 12.0

 

Thank you! 

 

Vitallife.club 

pewbee

 

Screen Shot 2024-01-09 at 3.38.42 PM.png

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
#shopify-section-template--21772897419543__0dc6adb6-7ec8-4143-9cf3-61c024e4ec08 .card--card.card--media>.card__content {
opacity: 0; 
height: 0;
padding: 0;
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Please update the code 

<style>
@media (min-width: 990px) {
header-drawer {
grid-area: icons !important;
justify-self: flex-end !important;
}
.header__icons {
padding-right: 6rem !important;
}
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 13 (13)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Hi @Vitallife1 

Password protection of store incorrect. 

Screenshot 2024-01-09 at 09.49.11.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Hey Dan, 

 

Thank you, apologies pewbee

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
#shopify-section-template--21772897419543__0dc6adb6-7ec8-4143-9cf3-61c024e4ec08 .card--card.card--media>.card__content {
opacity: 0; 
height: 0;
padding: 0;
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Thank you so much Dan, this worked!! 

 

By any chance do you know if on craft theme you can make the banner height smaller please ? 

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

You can try to do it in Online store > Themes > Customize > Image banner > Banner height 

Screenshot 2024-01-09 at 10.01.25.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Thanks Dan, really appreciate your time. 

 

Not sure if this is possible but is there a way to have the drop down menu on the right hand side rather than the left? 

 

Screen Shot 2024-01-09 at 4.18.06 PM.png

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Add this code below <head> element

<style>
@media (max-width: 749px) {
.header-drawer {
grid-area: icons !important;
justify-self: flex-end !important;
}
.header__icons {
padding-right: 6rem !important;
}
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Thanks Dan, 

 

Have added code as per the below - did not seem to move the drop down menu. 

 

Let me know if I have missed anything 🙂 

 

Screen Shot 2024-01-09 at 4.33.03 PM.png

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Please update the code 

<style>
@media (min-width: 990px) {
header-drawer {
grid-area: icons !important;
justify-self: flex-end !important;
}
.header__icons {
padding-right: 6rem !important;
}
}
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Thanks Dan, you're a legend 🙂 

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

You are very welcome @Vitallife1 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Vitallife1
Tourist
7 0 1

Hey Dan, 

 

Last question today haha! 

 

How do I get the banner to shrink on mobile view? Right now it is just cutting off the wording I have? 

 

Screen Shot 2024-01-09 at 4.40.08 PM.pngScreen Shot 2024-01-09 at 4.40.19 PM.png

migreen06
Excursionist
36 2 16

Well the easiest way is to make the text the color of the background then specify the link with the anchor tag, href, and image file name.