Solved

Ride Theme- Add link on the banner picture

NinescapeLand
Explorer
72 1 5

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
7729 1507 1515

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;
}

 

- Helpful? Like and Accept solution or 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
7729 1507 1515

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

- Helpful? Like and Accept solution or 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 11 (11)

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

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;
}

 

- Helpful? Like and Accept solution or 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

NinescapeLand
Explorer
72 1 5

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
7729 1507 1515

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

 

- Helpful? Like and Accept solution or 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

NinescapeLand
Explorer
72 1 5

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
7729 1507 1515

 

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

Screenshot 2024-03-21 at 14.43.28.png

- Helpful? Like and Accept solution or 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

NinescapeLand
Explorer
72 1 5

wooo~ amazing! 

Thank you very much!

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

Happy I could help!

- Helpful? Like and Accept solution or 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

NinescapeLand
Explorer
72 1 5

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
7729 1507 1515

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

- Helpful? Like and Accept solution or 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

NinescapeLand
Explorer
72 1 5

Thank you very much!

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

Very welcome!

- Helpful? Like and Accept solution or 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