[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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