SliderShock Documentation For WordPress




Managing Content

About slidershock

Introduction to slidershock

What is slidershock

Slidershock is the most complete and responsive jquery/wordpress slider in the web. It is currently available for wordpress as a plugin and as a JQuery code for non worpress environments.

What for

Slidershock can be used to slide images, text, videos, and content from external sources such as twitter, RSS

Advantages against other sliders

- SliderShock allows to add text captions to slides, allowing to control an extense set of parameters for the image and text, such as margins, height, width, responsiveness and more.

- Slide images and videos and text at the same time.

- Add videos from any video host.

Back to top



WordPress Version 3.4.1 or higher

Setup steps

Once the zip file is downloaded, go to to your WordPress dashboard to make the Plugin installation, click on the Plugins Option and then on add new as shown on the image below:

Click on upload. In the navigation window look for the zip file previously downloaded and once selected click on open.

Wait until the installation process is successfully completed and then click on activate. the plugin should appear on the sidebar and description as shown below

Back to top


Controls in slidershock are divided in three functional areas:

  1. Content area
  2. Controls area
  3. Shortcode area

1 Content area:

Includes all the types of content that can be inserted on the slide.Slidershock supports YouTube Videos, playlists, RSS feed and updates from twitter, instagram and flickr.

2 Controls area:

Contains all the control parameters that can be applied to the content such as background, margins, text color, fonts, image width and height, skins, etcetera. Depending on the content, some controls may not work.

3 Shortcode area:

Is the area where the product shortcode is shown. Shortcode is modified each time that the value of a control is changed.

Back to top

Managing content

Content in SliderShock can be either images and text, or content imported from other websites.

Insert images and text

The process to insert images and text is as follows:

Create a category or use an existing one: Images with the same category will be shown on a slider. Example: images with category france will show on a slide while Images with category Spain will be shown in another one.

Add a new Slide for each image: In order to insert an image to the slider, that image must be uploaded on a post. Any text placed on the post will be the caption text and the tittle of the post (if any) will be the slide tittle.

The image uploaded must be set as a featured image for that post.

Also, the category created must be checked while creating the post.

Once created and published the posts with the featured images, go to the Slidershock control panel in the dashboard, and select the category you classified the images in from the categories dropdown menu. In the controls area, configure the slider settings at your convenience having in mind that the number of slides you select is the number of slides that will be shown disregarding how many images have you uploaded to slider.

Copy the shortcode generated on a new post. The tittle of the post will be the slide tittle. any text besides the short code will be external text. Publish it.

The result should be like this:

Insert content from other websites

Inserting content from other websites is really simple. On the contents area, select the option for the content that you want to insert.

How to integrate Slider Shock with a theme from

  1. Install the slider shock plugin
  2. Copy the shortcode generated on a clipboard (this is an example code, you will receive a different one once you use slidershock to set a slider)
  3. Look on the downloaded theme files for the slider.php and open to edit it.
  4. Go to line 11 and replace: for this:

    make sure that the shortcode is within the parenthesis and quoted with single quotes as shown in the following example

  5. Save the php file.


*make sure that in the header.php file, is included on the line 63, the version 1.7.2 of jQuery. In that line, the following code is what should be:

Back to top

About SliderShock

Slidershock was created by the shock team in october 2012.

SliderShock Icons provided by

Back to top