My new blog present here.

Featured Post

Insights into Sitecore Search: A Definitive Introduction

A key component of digital experience management is effective information retrieval. A simplified approach is required for websites, applications, and platforms containing a lot of material so that consumers can easily get the data they require. This need is met by Sitecore, a well-known name in the field of digital experience platforms (DXPs), which provides powerful and comprehensive search functionality. We will travel into the realm of Sitecore Search in this article, learning about its capabilities, architecture , and the enormous value it offers both developers and end users. Introduction to Sitecore Search    A headless content discovery platform powered by AI , Sitecore Search enables you to build predictive and custom search experiences across various content sources. To extract and ...
Post a Comment

Use of Query Builder in Sitecore Experience Accelerator (SXA)


Working with Query Builder in Sitecore Experience Accelerator (SXA) Item Queries/Search Scope for Sitecore Experience Accelerator (SXA) PageList and Search Results Component
The Sitecore Experience Accelerator (SXA) provides many re-usable components which can be utilize in your application with the help of some modifications in terms of data which is required by the OOTB components.
One of the example of those Sitecore Experience Accelerator (SXA)  out-of-the-box component is SXA Page List component. 
The Sitecore provides OOTB Query Builder tool (based upon Search Provider) which can be utilized to build the search query to get the desired search results.
The OOTB options present in Query Builder tool are:



The OOTB Search Filters options are:
There are some most re-used queries notations and OOTB pre-defined search filters which we will be discussing in this post which are more frequently being utilized in any Sitecore SXA based implementation:

The Sitecore SXA providing use of Queries via Item Queries and Search Scopes.
SXA Item Queries:
The Sitecore Experience Accelerator (SXA) Page List component can display the content using dynamic search queries which can be defined using the item based upon Query Template (/sitecore/templates/Foundation/Experience Accelerator/Search/Query) and all Item Queries items present in each Sitecore SXA based website at /sitecore/content/<Tenant Name>/<Site Name>/Settings/Item Queries:

SXA Search Scope:
The Sitecore Experience Accelerator (SXA) SearchResults Component () uses Search Scopes to limit the search results and this search scope item can be defined using the item based upon Scope Template /sitecore/templates/Feature/Experience Accelerator/Search/Settings/Scope) and all Scope items present in each Sitecore SXA based website at /sitecore/content/<Tenant Name>/<Site Name>/Settings/Scopes:

You can click on Build Query to build the required query based upon your requirements.
After creation of required SXA Item Queries, you can utilize in the SXA Search Results Component:


With the help of Sitecore Query Builder you can utilize Sitecore Experience Accelerator (SXA) PageList and Search Results components to build different types of listing pages like News Listing, Blog Listing, Article Search Page, Blog Search Page, etc., without writing any custom code.

Credit/References:

     
Pingback:

Use the SXA search components SXA Search sitecore search query builder
Build a search query Sitecore Query Syntax query builder in sitecore
Sitecore Search sitecore 9 query builder sitecore query builder field
sitecore solr query builder sitecore sxa components/renderings sitecore sxa rendering parameters
sitecore sxa queries sitecore sxa rendering variants SXA renderings and rendering variants
Sitecore SXA StyleGuide sitecore sxa item query Sitecore sxa search scope

Comments

Post a Comment

Popular posts from this blog

Sitecore GraphQL Queries

Image
This article will provide the details about Sitecore GraphQL queries usage and how it will be useful in creating Sitecore projects especially Sitecore JSS projects. The topics covered under this Sitecore GraphQL article are: •    Overview of Sitecore GraphQL (GQL) •    Setup GraphQL (GQL) in Sitecore •    Usage of Sitecore GraphQL (GQL) in Sitecore JSS •    GraphQL (GQL) Queries Usage         o   Get an item by path and show field id and name       o   Return the name and value from all fields       o   Get the values of Treelist or Multilist field type       o   Get the template field details with values of current item       o   Get the field values using Aliases       o   Return a specific field with Alias ...
Read more

Sitecore Experience Manager Cloud (XM Cloud) Building blocks

Image
Sitecore Experience Manager Cloud, or XM Cloud is a game-changing force in the field of digital experience management in the age of cloud computing. We must identify the fundamental components that make up this cutting-edge platform in order to fully appreciate its capabilities. Join us as we dissect the fundamental elements that make up the Sitecore Experience Manager Cloud (or XM Cloud) architecture and investigate how they work together to produce a dynamic, scalable, and customized digital experience environment. Sitecore XM Cloud Overview    The SaaS enterprise-ready , cloud-native CMS from Sitecore called the Experience Manager Cloud (XM Cloud) allows for the creation of content only once and delivers it to every channel for exceptional client experiences. Developers and marketers can q...
Read more

Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container

Image
Leading digital experience platform Sitecore offers strong capabilities for developing reliable websites and applications. The headless CMS and Jamstack architecture trends have been very popular in recent years. Sitecore provides Headless SXA (Sitecore Experience Accelerator) as a solution to decouple the front-end presentation layer from the content management capabilities since it recognizes the value of headless capabilities. In this article, we will guide you through the process of configuring a Sitecore Next.js multisite app and integrating it with Headless SXA in a Sitecore container. This setup allows you to leverage the benefits of Next.js, a popular React framework for server-side rendering, and the flexibility of Headless SXA for managing and delivering content. Table of Contents Step 1: Set Up the Sitecore Container Step 2: Add support for Sitecore SXA in Sitecore Headless Container setup St...
Read more