Re: Making Slideshow Images clickable link in Shrine pro

Solved

Making Slideshow Images clickable link in Shrine pro

isseifromjppp
Tourist
3 0 1

Any one know custom code for  Making Slideshow Images clickable link in Shrine pro.

Please explain it as step where to put and custom code 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
11731 2298 2482

This is an accepted solution.

Hi @isseifromjppp 

Please try to toggle OFF option 'Show content below images on mobile' of you slideshow settings and check again. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
11731 2298 2482

Hi @isseifromjppp 

Could you share your store link so we can check? 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

isseifromjppp
Tourist
3 0 1

Actually I got it, but store has big gap under the slide image 

Screen Shot 2024-11-29 at 12.29.23 PM.png


what I did was insert this  {%- if block.settings.link != blank -%}<a href="{{ block.settings.link }}" class="slider__link">{%- endif -%}
above on
<div class="slideshow__media banner__media media{% if block.settings.image == blank %} placeholder{% endif %}">
{%- if block.settings.image -%}
{% liquid
assign height = block.settings.image.width | divided_by: block.settings.image.aspect_ratio | round
if block.settings.mobile_image != blank
assign main_image_class = 'mobile-hidden'
else
assign main_image_class = ''
endif
%}
{{
block.settings.image
| image_url: width: 3840
| image_tag:
loading: 'lazy',
height: height,
sizes: '100vw',
class: main_image_class,
widths: '375, 550, 750, 1100, 1500, 1780, 2000, 3000, 3840'
}}



Dan-From-Ryviu
Shopify Partner
11731 2298 2482

This is an accepted solution.

Hi @isseifromjppp 

Please try to toggle OFF option 'Show content below images on mobile' of you slideshow settings and check again. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

isseifromjppp
Tourist
3 0 1

Thank yo so much!! its work now!!

Dan-From-Ryviu
Shopify Partner
11731 2298 2482

Very welcome! 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.