Re: Remove collection name Craft theme

Vitallife1 · ‎01-08-2024

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

Dan-From-Ryviu · ‎01-08-2024

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>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 · ‎01-08-2024

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>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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 · ‎01-08-2024

Hi @Vitallife1

Password protection of store incorrect.

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

Hey Dan,

Thank you, apologies pewbee

Dan-From-Ryviu · ‎01-08-2024

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>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

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 · ‎01-08-2024

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

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

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?

Dan-From-Ryviu · ‎01-08-2024

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>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

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 🙂

Dan-From-Ryviu · ‎01-08-2024

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>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

Thanks Dan, you're a legend 🙂

Dan-From-Ryviu · ‎01-08-2024

You are very welcome @Vitallife1

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Vitallife1 · ‎01-08-2024

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?

deniseagius23 · ‎01-01-2025

Hi Dan,

I have the same issue however this code is not working for me. Would you be able to let me know if this is still usable pls?

Thanks

Dan-From-Ryviu · ‎01-01-2025

Hi @deniseagius23 Could you share your store URL?

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

deniseagius23 · ‎01-02-2025

Hi Dan.

Its https://uhwfbz-y3.myshopify.com/

Many Thanks

Denise

Dan-From-Ryviu · ‎01-02-2025

Hi @deniseagius23

Please use this code and check again

<style>
.card--standard>.card__content {
    opacity: 0; 
    height: 0;
    padding: 0;
}
</style>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

deniseagius23 · ‎01-02-2025

Thanks Dan that worked.

Regards

Denise

Dan-From-Ryviu · ‎01-02-2025

You are very welcome!

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

migreen06 · ‎01-08-2024

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.

Re: Remove collection name Craft theme

How can I remove collection names in Craft Theme 12.0?

Community Blog Articles