If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Magento 2.x. How to assign links to slides

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

Magento_2.x._How_to_assign_links_to_slides_1

  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"}}">

    Magento_2.x._How_to_assign_links_to_slides_4

  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:

Magento 2.x. How to assign links to slides