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

Featured templates

Magento. How to assign links to slides

This tutorial shows how to assign links to slides in Magento.

Magento. How to assign links to slides

If there are no links assigned to the slides by default, they can be applied manually after performing the following steps:

  1. Access your dashboard and navigate to CMS> Static Blocks> Slider. Open the slider static block content.

  2. Locate the line for the slider picture. Usually, it looks as follows:

    div data-src="{{skin url='images/slider/slide1.jpg'}}" 
  3. Add data-link=”###” to the line, right before the closing tag. Replace ### with the actual URL key of required page inside the website:
    div data-src="{{skin url='images/slider/slide1.jpg'}}" data-link="dirt-bike.html"

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

    div data-src="{{skin url='images/slider/slide1.jpg'}}" data-link=" http://www.link_to_the_website.here" 
  4. Save changes once you are done with all modifications:

    Magento_How_to_assign_links_to_slides_1

Get back to the site’s front-end. The slide link should be successfully applied.

Feel free to check the detailed video tutorial below:

Magento. How to assign links to slides