Column still not clickable

[multimerce]

Hello,

I’ve followed this guide to make columns clickable:

How To Make My Column Link To Another Page?

Awesome!! Thank you so much!

However, this is not working on my website, can you please check what I have done wrong?

Each service column has a unique column ID (e.g. “seo-services”), I have also added this JS under Global JS

(function($){
 $(document).ready(function($) {
  $('#seo-services').append('<a class="column-link" href="/integrated-marketing/seo-services"></a>');
 });
})(jQuery);

And this CSS:

.x-column {
    position: relative;
}

.x-column > .column-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

Can you please help?

[tristup]

Hi Alessandro,

Thanks for reaching out.
You can select a tag as the Base Tag of the column and add the URL into the Link option as described in the given screenshot. It makes a column clickable.

Hope it helps.
Thanks

[multimerce]

Thank you so much, super helpful!

The new version of the editor is super powerful, compliments to all of you!

[tristup]

Hi Alessandro,

Glad that we are able to help you.

Thanks