This is a very simple and useful slideshow plug-in that supports many different types of transition effects. It also supports any HTML slide content.

HTML content goes here

This is a very simple and useful slideshow plug-in that supports any HTML slide content

 

Home page Standard slider

Main settings

• Image size: : 712 * 323
• Slider width: 712px
• Slider heigh: 323px

Slider options

• Play Effect: fade, zoom, scroll left/right, scroll up/down, turn up/down/left/right, curtain x/y, grow x/y, wipe, uncover
• Pause On Hover: on/off
• Play Random: on/off
• Auto Play Interval (ms)
• Auto Play Speed (ms)

clear

 

Sidebar Standard slider

Main settings

• Slider width: 210px

Testimonials Standard slider

Main settings

• Slider width: 190px

How to create Standard slider (step-by-step guide)

Goto CMS --> WP:Advanced Slider --> Manage Sliders, and press "Add Slider" button.

Select slider style, fill out the form, and press "Save and Continue edit" button.

A new "Add slide" button will appear in the top right corner. Press the "Add slide" button.

Fill out the form with the slide parameters and press the "Save" button.

YYou can preview slider in CMS --> WP:Advanced Slider --> Manage Sliders

Go top ˆ

How to insert the Standard slider into the home page (Step-by-step Guide)

Go to CMS --> Static Blocks and select "home_page_header_block" to edit. Put the cursor in the desired place and press "Insert Widget" button.

Or, simply copy and paste this code:

Your home page slider is ready!

Go top ˆ

How to create testimonials on the Standard slider (Step-by-step Guide)

Testimonial Slide HTML:

<p><em>I am quite impressed with your level of customer service. I am really satisfied with LightShop Magento Template. I will reccomend you to my collegues. I would just like to say a BIG thank you!</em></p> <p class="signt">Matthew Bailey</p>

Open left_info_block in CMS-->Static blocks. Testimonials block Html:

<div class="block testimonial"> <div class="block-title"><strong><span>Testimonials</span></strong></div> <div class="block-content">INSERT SLIDER CODE HERE</div> </div>

Go top ˆ