Add Slider to one of your site’s Pages

Contents

1. Open the plugin's the "Global Settings"
2. Set "Enable Markup Export option" to "On" and press "Update" button in the bottom of Settings popup.
3. Press F5 on your keyboard to refresh the browser's page (or just reload the admin page manually).
4. Select the "Export to HTML" option for your slider.

This option will only be visible after performing steps #1-3 above.

Zip has following structure

  • assets
  • css
  • fonts
  • js
  • slider.html

In slider html you can find the source code for the slider. You need to copy assets, css, fonts and js folder to your html site corresponding folders. Js and CSS includes can be found in head section of slider.html Slider source can be found in body section of slider.html

Open the following file and review its contents:

revslider-standalone/embed_example.php

Code explanation:

1. Import the editor's "Embed" class.

2. Load the slider's CSS/JS files.

3. Embed the slider's HTML markup somewhere on the page,
and replaced the "example" part with your slider's "Alias" (see screenshot below).

4. If you need to split CSS / JS check this sample

Open the following file and review its contents:

revslider-standalone/embed_example_js.php

Code explanation:

1. The slider's core CSS file

2. Load a copy of jQuery
  • Quick Tip:
    Only one copy of jQuery ever needs to be loaded on a web page, and it should always be placed above all other scripts on the page.

3. Add the remaining 3 scripts needed for the slider.

4. Place this div where you want the slider to show up on your page
and replaced the "example" part with your slider's "Alias" (see screenshot below).