{"id":59881,"date":"2016-01-29T07:00:03","date_gmt":"2016-01-29T12:00:03","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=59881"},"modified":"2016-02-17T04:55:11","modified_gmt":"2016-02-17T09:55:11","slug":"magento-how-to-assign-links-to-slides","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-assign-links-to-slides.html","title":{"rendered":"Magento. How to assign links to slides"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to assign links to slides in Magento.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=uJeU_-UzWy8?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to assign links to slides<\/a><\/p>\r\n<p>If there are no links assigned to the slides by default, they can be applied manually after performing the following steps:<\/p>\r\n<ol>\r\n<li>\r\n<p>Access your dashboard and navigate to <strong>CMS&gt; Static Blocks&gt; Slider<\/strong>. Open the slider static block content.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate the line for the slider picture. Usually, it looks as  follows:  <\/p>\r\n<pre class=\"brush:html\">div data-src=\"{{skin url='images\/slider\/slide1.jpg'}}\" <\/pre>\r\n<\/li>\r\n<li>Add <strong>data-link=&#8221;###&#8221;<\/strong> to the line, right before the closing tag. <strong>Replace ### with the actual URL key<\/strong> of required page inside the website:\r\n<pre class=\"brush:html\">div data-src=\"{{skin url='images\/slider\/slide1.jpg'}}\" data-link=\"dirt-bike.html\"<\/pre>\r\n<p>Alternatively, you may use external link as well. In this case format of the URL should be as follows: <\/p>\r\n<pre class=\"brush:html\">div data-src=\"{{skin url='images\/slider\/slide1.jpg'}}\" data-link=\" http:\/\/www.link_to_the_website.here\" <\/pre>\r\n<\/li>\r\n<li>Save changes once you are done with all modifications:\r\n<p><a href=\"\/help\/wp-content\/uploads\/2016\/01\/Magento_How_to_assign_links_to_slides_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/01\/Magento_How_to_assign_links_to_slides_1-300x228.jpg\" alt=\"Magento_How_to_assign_links_to_slides_1\" width=\"300\" height=\"228\" class=\"aligncenter size-medium wp-image-59882\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Magento_How_to_assign_links_to_slides_1-300x228.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Magento_How_to_assign_links_to_slides_1-150x114.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/01\/Magento_How_to_assign_links_to_slides_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n  <\/li>\r\n<\/ol>\r\n<p>Get back to the site&#8217;s front-end. The slide link should be successfully applied.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=uJeU_-UzWy8?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to assign links to slides<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to assign links to slides in Magento.<\/p>\n","protected":false},"author":66,"featured_media":59883,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[923,521,2407,1726],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59881"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=59881"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/59881\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/59883"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=59881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=59881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=59881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}