Link the entire column in Semplice 6 and older

  • Written
  • Updated

Please note: Linking columns and sections are only available in Semplice 7. If you're on an older version of Semplice, you can upgrade here

In Semplice 7, you can now link "Content", "Column", and "Section" with no need to use custom code. To link Column, simply click on a module to open pop-up settings, switch to "Column", at the very bottom of the settings you will find the "Link" option.

We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.

Create the layout

Create a column with the modules you would like to use. When your column is ready, open the module settings and switch from "Content" to "Column". Find the "Miscellaneous" option and click on it. Add the "col-link" class name in the "Classes" field:

col-link.png

Add JavaScript

Add the "Code" module as the last item on the page. In the module settings click the "Edit Code" button and in the code editor add the following JavaScript:

<script>
(function($) {
  $('.col-link').click(function(e) {
    e.preventDefault();
    window.location.href = '/your-url';
  });
})(jQuery);
</script>

Replace the link

In the JavaScript code, replace "/your-url" with the actual link that you would like to use.

Related articles