Create a responsive (mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content is always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag & drop in the backend to your needs. This extensions features tons of unique transition effects, an image preloader, video embedding, autoplay that stops user interaction and easily set options to create your own effects.


1. In admin panel, select EMThemes > EM Slideshow Compact

2. Clicking on Add new slideshow button to create a new slideshow.

Fill in the information of slideshow at General tab.

Adding images to slideshow

Select image and style slideshow:
Clicking on “Add New Image” to add other image to slideshows:

Besides, you can configure other parameters of a slideshow such as:

  • General tab:
    • General:
      • Name: Name of slideshow
      • Identifier: Identifier of slideshow. It must be unique.
      • Enable: It defines visibility of this block in the frontend.
    • Slider Size:
      • Slider Width: Width of slideshow.
      • Slider Height: Height of slideshow.
  • Position tab:You can customize the effect of the Slider in Slide Animation tab.

  • Navigation tab:

    You can set navigation type, navigation arrows, navigation style and position of navigation in this tab


  • Enable : Configure visibility for Navigation
  • Navigation Type : Display type of the navigation bar (Default:none)
  • Next Button Text: Show text on Next Button
  • Pre Button Text : Show Text on Previous Button
  • Thumb Width : The basic Width of one Thumbnail (only if thumb is selected)
  • Thumb Height : the basic Height of one Thumbnail (only if thumb is selected)


Create new Flexible Blocks. Note: when you create a new block:

In Content Tab, click on Show/Hide Editor button
Click on Insert Widget button


In Insert Widget panel