Making multicolumn images clickable on Studio Theme

Store Design
, ,
1

I’m using the studio theme and I have multicolumn images that I would like turn into clickable links to redirect to my collection pages on desktop and mobile devices.

This is the multicolumn.liquid code I have attempted to use, and while the images are clickable, they do not redirect anywhere and they are resized and off-center. https://pastebin.com/KBk9EVpU

Please let me know how to fix this. Thank you.

2

Hi,

The code shows that you already have the ability to add a link for the image.

Line 64

You should be able to add a link including a collection link within the image block.

Hope it helps.

Thanks.
3

Hi, thank you, yes I am able to add the links, but the images are still not confined to the multicolumn containers. I am unsure of what’s causing this.

4

Hello @vanna19 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  2. Open your multicolumn.liquid theme file

  3. Find {%- capture sizes -%}

  4. Add the below code before it

GemPages_0-1671672775346.png
GemPages_0-1671672775346.png1916×965 82.9 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

5

Hi,

Try this.

Add a class as below.

Line 64

And then, add the code (class settings) b in assets/section-multicolumn.css file.

.multicolumn-card-image-link {
  z-index: 100;
}

The higher number of z-index will be top of the page layer.

If you were facing other issues, please let me know.

Hope it helps.

Thanks.