Magento 2.x. How to assign links to slides

This tutorial will show you how to add links to slides in your Magento store.

1. Open Magento Admin Panel and navigate to the Content -> Blocks -> Slider block section. Then click on the Edit button.

   

2. Locate the line for the slider picture. It usually looks as follows:

   <div class="slide" data-src="{{media url="wysiwyg/slide-1.jpg"}}">

   

3. Add the data-link=”###” to the line, right before the closing tag. Replace ### with the actual URL key of the required page on the website:

   <div class="slide" data-src="{{media url="wysiwyg/slide-1.jpg"}}" data-link="{{store_url}}women.html">

4. Alternatively, you may use an external link instead. In this case format of the URL should be as follows:

   <div class="slide" data-src="{{media url="wysiwyg/slide-1.jpg"}}" data-link="http://www.your_website_url.com">

5. Save changes once you are done with all the modifications:

6. Refresh your website to see the changes applied.

Feel free to check the detailed video tutorial below: