SharePoint Pals
 | Sign In
Sharepoint 2013: Achieving Carousel Image using OOTB content search webpart search query by implementing cross site publishing.
by Arunraj Venugopal 16 Jul 2014
SharePoint Developer
Today  :   14     Total  :    12094

Let us discuss on how to implement the Carousel image in sharepoint 2013 using content search webpart. To implement the carousel image, we need to follow the configuration involved in the cross site publishing page library steps.

Cross site publishing.

Cross site publishing functionality in sharepoint 2013 is a major part of the new version. The functionality will allow us to see the data in a different site collection to another site collection by performing few configuration steps in the list level, site level, crawling in Central admin and manage data catalog and navigation.

Refer the complete cycle of the cross site publishing functionality and OOTB content search web part in the link in details.

All the steps in the above link should be followed till step12. Before going to perform the crawling in the central administrator, create a text field called Carouse image URL in the site level and attached to the page library.

After perform an incremental crawling, map the crawled properties Carousel image with managed properties which got created once the crawling is over.

Once the managed properties mapped with the crawled properties, perform the incremental crawling once again and then follow the steps from 14 to 17 in the link cited above.(Sharepoint Pals)

Carousel Image – OOTB Content Search Webpart Configuration

Add webpart in the publishing site.


Click edit properties of the webpart and clicks the query button.”

Step1: Select the Author page result library

Step2: Click expand button next to Select properties for choosing picture url and path url

Step3. Click Apply and Save.

The images appear in the content search webpart using the slider template.




Keep all the images stored in a separate site collection in a web application.

The page library should exist in a different site collection in another web application.

The publishing site will also exist in a different web application

Author site: http://c4968397007:2453/sites/Author/Pages/Forms/AllItems.aspx

In the above site, all the pages created along with carousel image url will exist.


BinarySite: All the images stored in a separate site collection which get added in the author site using Suggested Content Browser Location functionality

Publishing site url: http://c4968397007:13553/sites/Publish2/browse-by

Click on the dots in the rights side of the page in the all item page to click the edit properties.

blog comments powered by Disqus

SharePoint Pals

SharePoint Pals, a community portal for SharePoint developers, Administrators and End Users. Let's join hands and share the point together.
Read this on mobile


Angular Js Training In Chennai
Advanced Angular Js training with real world developer scenarios
Angular Js, Web Api and Ionic for .Net Developers
All in one client side application development for .Net developers
Angular Js For SharePoint Developers
Get ready for the future. Its no more just C#

Get Connected

SharePoint Resources

SharePoint 2013 and 2010 Web Parts
Free Web Parts with Source Code for SharePoint Community

SharePoint 2013 Books and Tutorials
Collection of free SharePoint 2013 books and tutorials (eBooks, pdfs)

Supported By

Contribute your article and be eligible for a one month Free Subscription for Plural Sight. The Author of the most popular New Article (published in the previous month) will be awarded with a Free One month Plural Sight Subscription. Article can be sent to in a word document.

Related Resources

Recent Tweets

Twitter October 23, 22:21
How to Add/Remove User Custom Actions (in Site Actions Menu) Programmatically using CSOM PNP in SharePoint -

Twitter October 21, 21:34
How to Add a JS Link Reference to the Display Form or Any other ASPX Programmatically using CSOM PNP in SharePoint -

Twitter October 20, 13:01
How to Add a JS Link Reference to the NewForm and EditForm Programmatically using CSOM PNP in SharePoint Office 365-

Twitter October 12, 12:15
How to Deploy Provider Hosted Apps (Add-Ins) by App Stapling in SharePoint Office 365 -

Twitter October 11, 13:39
How to Deploy Provider HostedApp programmatically using CSOM in SharePoint Office 365 Activating Developer Feature -

Follow us @SharePointPals
Note: For Customization and Configuration, CheckOutRecent Tweets Documentation