How to make slideshow images clickable without a button

Store Design
, ,
25

O, sorry, looks like Shopify allows you to paste into “Custom CSS” but does not save.
Try this:
add a “Custom liquid” section right below your slideshow and paste this:

<style>
.slideshow-slide .button {
  position:static;
  opacity:0;
}

.slideshow-slide .button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
</style>

Same code – different way of appying.
Preview in my test store: https://25bcqkgfe72mce19-23104437.shopifypreview.com

I try to avoid theme code edits – it will make future theme updates problematic.

1 Like
26

hi, so this has worked on pc, button removed and image as the link.
but on mobile, the button has disapeared but the image is not a link

27

update- sorry this is right and has worked on both!, thanks!.

1 Like