Slider Template Setup
1. Initial Setup
1.1 Create a new folder
![](https://www.themepunch.com/wp-content/uploads/2016/11/create-new-folder.jpg)
![](https://www.themepunch.com/wp-content/uploads/2016/11/new-folder.jpg)
1.2 Copy the "revolution" and "assets" folders over to your new folder
![](https://www.themepunch.com/wp-content/uploads/2016/11/copy-folders.jpg)
![](https://www.themepunch.com/wp-content/uploads/2016/11/paste-folders.jpg)
![](https://www.themepunch.com/wp-content/uploads/2016/11/pasted-folders.jpg)
1.3 Copy the HTML template file you'd like to work with into your new folder
![](https://www.themepunch.com/wp-content/uploads/2016/11/copy-template-file.jpg)
![](https://www.themepunch.com/wp-content/uploads/2016/11/paste-template-file.jpg)
1.4 Open the HTML template file in your favorite text editor, and do a global search and replace to adjust the CSS, JavaScript & Image paths
Replace the two trailing paths for all urls, turning this local path for the "src" attribute:
 <script type="text/javascript" src="../../revolution/js/jquery.themepunch.revolution.min.js"></script>Â
Into this, for all urls:
 <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>Â
Example search and replace using Notepad++
![](https://www.themepunch.com/wp-content/uploads/2016/11/replace-paths.jpg)
1.5 Open the template HTML file in your browser to preview your new setup.
Important Note
![](https://www.themepunch.com/wp-content/uploads/2016/11/slider-preview.jpg)
2. Deploy Online
When you're ready to upload your website online, or move your setup to a localhost, comment out or remove the extension scripts, where this:
![](https://www.themepunch.com/wp-content/uploads/2016/11/js-extensions.jpg)
.. is changed to this:
![](https://www.themepunch.com/wp-content/uploads/2016/11/comment-out-extension-scripts.jpg)