How can I remove collection names in Craft Theme 12.0?

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>

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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>

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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.

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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>

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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>

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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>

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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

- Helpful? Like and Accept solution! Support me! Buy me coffee
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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?

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.

How can I remove collection names in Craft Theme 12.0?

How can I remove collection names in Craft Theme 12.0?

Community Blog Articles