Featured templates

Magento 2.x. How to assign links to slides

Eva Fox October 12, 2016
Rating: 5.0. From 2 votes.
Please wait...

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.

    Magento_2.x._How_to_assign_links_to_slides_2 Magento_2.x._How_to_assign_links_to_slides_3
  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="">
  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:

Magento 2.x. How to assign links to slides
Best Magento Themes
This entry was posted in Magento Tutorials and tagged link, magento2, slider. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.