Colorblock theme - make images clickable

jenny123456778
Tourist
10 0 2

Hey!

 

Loving the new theme Colorblock. 
But I want to make the images clickable on the front page.

All of the images in the dif. blocks in the themes should, IMO be clickable. 

Is there a way to do that ?

 

 

https://themes.shopify.com/themes/colorblock/styles/default/preview?surface_inter_position=1&surface...

Replies 4 (4)
PHAVIA
Shopify Partner
387 54 63

hi @jenny123456778 ,

if you want the images clickable, you should be add the link for each them i mean here is tag <a>, so the link can adding from in customize blocks or you need do it in the code.

Hope can helpful to you!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com
rsharvey
New Member
1 0 1

Would also love to know how to do this. Did you manage to find a solution?

ibpizzle
New Member
3 0 0

Where exactly do you add that?

PHAVIA
Shopify Partner
387 54 63

Do you want add the link at here, right?

PHAVIA_0-1663994431745.png

=> If do that, you can going to customize settings theme, maybe the theme support for add the url for each settings of images.

If not you go to the file .liquid and add the link follow this way:

<div class="collage-card color-accent-2">
  <div class="media media--transparent ratio" style="--ratio-percent: 153.6111111111111%"> 
   <a href="#link_here">
      <img .....>
   </a>
</div>
</div>

- In the case you don't want use the hard code, so you make a option url settings for set link for image in schema of section

{
  "type": "url",
  "id": "button_link",
  "label": "Button link"
}

  

You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: phaviaecommerce@gmail.com