Oxford Theme - Make each slide in Slideshow section clickable

Store Design
1

I am using the Oxford theme. It is a standard 2.0 theme with a normal slideshow section. It does include functionality to add a button to the images to click through to another page, but I need to make the whole image clickable, a different URL for each image.

I am used to editing the theme files directly and making cosmetic HTML/Liquid/CSS changes.

Can someone suggest how I might go about making the images clickable to a specified URL?

The dev site is at https://comic-book-quest.myshopify.com/ password “lance”.

2

In generaly try provide a url of the thing you reference.

At minimum setup 1 slide with actual clickable link buttons setup you mentioned; as it may be possible to make em transparent and cover the entire image.

It’s pretty hard to provide guidance without that baseline.

This is a common topic on the forums however themes vary wildly in implementation.

The general gist is find the slideshow template.

Figure out where the setting is that correlates to the code that makes the button into a link based on the url you provide in the theme settings.

Make a version of that that is a link and not a button.

Copy that link code and make just a regular anchor tag it may be something like .

Then it’s either wrap each slide in an achor , or absolutely position a link over the slide.

To wrap each slide put the opening part of the anchor tag at the start of the code the represents an individual slide. And put the end part of the tag at the end of that individual slide code.

To absolutely position give the anchor a class somewhere near the top of the slide code but still inside the containing parent.

It might look like


Then position it with CSS by add CSS like the following to the sections , or themes , custom css

[https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css)

```markup
.slide_link_overlay {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
}

If you just need it done you can contact me for customization services. Please provide context: store url, theme name, post url and any further detail. Contact Info in signature.

Good Hunting.

3

That’s really helpful thanks. I’ll be able to change the slideshow template no problem. Just hadn’t thought of that approach.