Re: Ride Theme- Add link on the banner picture

Solved

Ride Theme- Add link on the banner picture

NinescapeLand
Explorer
87 1 12

Hi guys, can you know how to add the link on the banner picture,  I don't want to add the button or the word on the picture.

 

My demands: Click the banner picture to jump to the new page

This is my store link: https://b97e0a-c2.myshopify.com/

 

NinescapeLand_0-1710993600299.png

 

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

This is an accepted solution.

Hi @NinescapeLand 
Dan here from Ryviu: Product Reviews & QA app.

Please add a link to the button of your banner and then add this code to Custom CSS in Online Stor > Themes > Customize to hide button and make image. clickable 

.banner__buttons .button,
.banner__buttons,
.banner__box,
.banner__content {
	width: 100%!important;
	height: 100%!important;
	max-width: 100%!important;
	padding: 0!important;
	position: absolute!important;
	top: 0px;
	left: 0px;
	opacity: 0;
	bottom: 0px;
	right: 0px;
	margin: 0px !important;
}

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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
Shopify Partner
10935 2148 2285

This is an accepted solution.

Hi @NinescapeLand 

Please try to select this option and check again Screenshot 2024-03-22 at 11.01.00.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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

Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

This is an accepted solution.

Hi @NinescapeLand 
Dan here from Ryviu: Product Reviews & QA app.

Please add a link to the button of your banner and then add this code to Custom CSS in Online Stor > Themes > Customize to hide button and make image. clickable 

.banner__buttons .button,
.banner__buttons,
.banner__box,
.banner__content {
	width: 100%!important;
	height: 100%!important;
	max-width: 100%!important;
	padding: 0!important;
	position: absolute!important;
	top: 0px;
	left: 0px;
	opacity: 0;
	bottom: 0px;
	right: 0px;
	margin: 0px !important;
}

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.

NinescapeLand
Explorer
87 1 12

Hi Dan-From-Ryviu,

Thanks for your reply, I add the link to the button, but I don't know where can I add this code, is [theme.liquid]?

If yes, please let me know exactly where to add the code.

 

Best regard,

NinescapeLand

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

Go to Online Store > Themes > Customize > select Image banner section then add code into Custom CSS of this section 

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.

NinescapeLand
Explorer
87 1 12

hi Dan-From-Ryviu,

When I according to your said to add the code in the theme image banner, they displayed unable to update file, can you help me again?

NinescapeLand_0-1711006160940.png

 

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

 

I asked you add code to here, not in image banner file 

Screenshot 2024-03-21 at 14.43.28.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.

NinescapeLand
Explorer
87 1 12

wooo~ amazing! 

Thank you very much!

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

Happy I could help!

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.

NinescapeLand
Explorer
87 1 12

Hi Dan-From-Ryviu,

 

I have a problem now, I find my mobile layout is not displaying my banner, please help me again

NinescapeLand_0-1711079423577.png

 

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

This is an accepted solution.

Hi @NinescapeLand 

Please try to select this option and check again Screenshot 2024-03-22 at 11.01.00.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.

NinescapeLand
Explorer
87 1 12

Thank you very much!

Dan-From-Ryviu
Shopify Partner
10935 2148 2285

Very welcome!

- Solved it? Hit Like and Accept solution! ❤️Buy Me 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.