Git Product home page Git Product logo

mhasasneh-searchui-develop's Introduction


Logo

Configurable Solr Search component for Sitecore 9.2

For More Clarification Please
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

Product Name Screen Shot

TripleM-SearchUI is a configurable Solr Search component for Sitecore 9.2 that can allow the developer to run solr search queries without writing code by using set of settings and operators in sitecore tree.

Built With

Solr Search component tested with the following versions:

Getting Started

This is steps of the instructions on setting up your project locally. To get a local copy up and running follow these simple steps.

Prerequisites

list things you need to use the component.

  • Local instance of Sitecore9.2 up and runing on Solr 8.2.0

Installation

  1. Download sitecore module (Mhasasneh SearchUI-1.0.0.zip)
  2. Use sitecore installation wizard in order to isntall the module
  3. That's it we are done :), you should be able to see the follwoing settings template

Screen Shot

Usage

Now you will be able to create new settings for your search as follwoing:

1- Create setting item from /sitecore/templates/Project/TripleM/Search/Search Settings

Screen Shot

2- Create setting scope item in order to get all items with sub children under specific root.

Screen Shot

3- Select the root item from the list

Screen Shot

4- Create Search Results Setting item from /sitecore/templates/Project/TripleM/Search/Search Results Fields

Screen Shot

5- Add the search results fields separated by comma that you want to see in the view result, please make sure they have the same name of the item property.

EX: searching for the news item and i want to show title, name and description

Screen Shot

Screen Shot

6- Add the search rendering to your page

Screen Shot

7- Select the Search Settings that you created as datasource

Screen Shot

8- Open your page and check the search result you will get all items and all childrens under the scope

EX: searching for all items under the news scope, in this case you will get all items with different template types

Screen Shot

But what if i need only news type? in this case we need to create Queries settings as following:

9- Create Queries settings item from /sitecore/templates/Project/TripleM/Search/Queries

Screen Shot

10- Create template id query and fill the value of template id

Screen Shot

Reload the page again , you will get the news type only

Screen Shot

Features

Also The search component support the follwoing Queries and operators

1- Facets You can create facets for any type of item. EX: news category

Screen Shot

Screen Shot

2- Queries a) Date Query with 5 operators (< , > , = , <= , >=)

Screen Shot

And because the operators build on builder design you can easlly implement new operator

Screen Shot

b) Number Query with 5 operators (< , > , = , <= , >=)

Screen Shot

3- Multiple Partial Word Query , you can search for multiple word

Screen Shot

4- Highlight Query

Screen Shot

Screen Shot

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Mohannad Alhasasneh - @MohannadAlhasa2 - [email protected]

Project Link: [https://github.com/hasasnh/Mhasasneh-SearchUI-develop)

mhasasneh-searchui-develop's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.