Multi-row image slider is right now in demand to show clients logos especially in portfolio websites and agency websites. Single row image sliders are already available on the net few of them are free to use and some of them are paid
But, I was not so lucky to find out multi-row image slider so that I can put on my client site to showcase their high-end client’s Image at http://x-plosiv.in
So I decided to search the idea on the net and found something but that was not so useful so decided to experiment with one of the simplest responsive yet easy to implement image slider bx-slider.
How Bx-slider display the slide, Here is the sample HTML code that is available on their website under example ( I have assumed that you already know how to add CSS and jQuey and bxslider jquery plugin and any html template ).
The basic idea was all the images was places in a single block element ‘slider’ and if We could define multiple-div to show all these images, Does bx-slider will be able to generate the show. The HTML layout of bx-slider is now something like this
# Design a new Page template to display all the New client type posts
This step is required to show all the available custom post type post in a new Page. The next page code will generate a new Page template ‘Client Listing’ that will bring all the post in and display only four images in a column.
The code list above is designed ass per the xplosiv theme. You are free to change the above code as per your need.
#3 check multi-row image slider
In order to check the functionality of this multi-row image slider, You are required to generate client post in the multiple of fours and then Publish a page where the page template must be ‘ Client Listing’.
The Whole concept was developed by the man you are watching here. I am rakesh Kumar Serial Niche Blogger and SEO Enthusiast. find me onfacebookandon twitter.. Developed popular WordPress theme for Wallpapers and funny Image WordPress theme. Love SEO optimized WordPress theme Designing and Customization.