Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Peter van Geffen 54 posts 290 karma points
    May 05, 2022 @ 13:10
    Peter van Geffen
    0

    Simple search page in Umbraco 9/Cloud

    I tried multiple options i found here and there, but can't get a working example.

    This is our Umbraco V8 search:

    @{
        var searchQuery = Request.QueryString["q"];
    }
    <form action="@Model.Url" method="GET" id="search" class="block-form">
        <input type="text" name="search" placeholder="@Umbraco.GetDictionaryValue("Search.Placeholder")" class="form-control searchfield" value="@searchQuery" />
        <button type="submit" class="">Zoeken</button>
        @if (!string.IsNullOrWhiteSpace(searchQuery)){
            var results = Umbraco.ContentQuery.Search(searchQuery, string.Empty);
            @*Met uitsluiting Documenttype*@
            @*var results = Umbraco.ContentQuery.Search(searchQuery, string.Empty).Where(x=>x.Content.ContentType.Alias !="contact");*@
            long resultCount = results != null && results.Any() ? results.Count() : 0;
            @Html.Raw(string.Format(Umbraco.GetDictionaryValue("Search.Results"), resultCount, searchQuery))
            if (resultCount > 0){
                foreach (var result in results){
                    <div class="post-preview">
                        <a href="@result.Content.Url">
                            <h4 class="post-title">
                                @(result.Content.HasProperty("title") && result.Content.HasValue("title") && !string.IsNullOrWhiteSpace(result.Content.Value<string>("title")) ? result.Content.Value("title") : result.Content.Name)
                            </h4>
                        </a>
                    </div>
                    <hr />
                }
            }else{
                <p>Geen resultaten gevonden</p>
            }
        }    
    </form>
    

    This won't work in Umbraco V9/Cloud I tried code from:

    Can someone point me in the right direction?

  • Paul Seal 524 posts 2889 karma points MVP 7x c-trib
    May 05, 2022 @ 14:14
    Paul Seal
    101

    Hi I have implemented search in my starter kit which works on v9.

    Here is the code in the Search page View.

    @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Search>
    
    @using Clean.Core.Models.ViewModels
    @using ContentModels = Umbraco.Cms.Web.Common.PublishedModels
    @inject Umbraco.Cms.Core.IPublishedContentQuery publishedContentQuery
    
    @{ 
        Layout = "master.cshtml";
        var searchQuery = Context.Request.Query["q"]; 
    }
    
    @await Html.PartialAsync("~/Views/Partials/pageHeader.cshtml", new PageHeaderViewModel(Model.Name, Model.Title, Model.Subtitle, Model.MainImage))
    
    <div class="container">
        <form action="@Model.Url()" method="GET" id="search">
            <div class="row">
                <div class="col-lg-8 col-md-10 mx-auto">
                    <div class="form-group controls">
                        <input type="text" class="form-control col-xs-6" placeholder="@Umbraco.GetDictionaryValue("Search.Placeholder")" name="q" value="@searchQuery" />
                    </div>
                </div>
                <div class="col-lg-8 col-md-10 mx-auto my-3">
                    <div class="form-group">
                        <button class="btn btn-primary search-button float-end">@Umbraco.GetDictionaryValue("Search.SearchButton") <i class="fa fa-search"></i></button>
                    </div>
                </div>
                <div class="col-lg-8 col-md-10 mx-auto">
                    @if (!string.IsNullOrWhiteSpace(searchQuery))
                    {
                        var results = publishedContentQuery.Search(searchQuery);
                        long resultCount = results != null && results.Any() ? results.Count() : 0;
                        @Html.Raw(string.Format(Umbraco.GetDictionaryValue("Search.Results"), resultCount, searchQuery)) if (resultCount > 0)
                        {
                            foreach (var result in results)
                            {
                                <div class="post-preview">
                                    <a href="@result.Content.Url()">
                                        <h2 class="post-title">
                                            @(result.Content.HasProperty("title") && result.Content.HasValue("title") && !string.IsNullOrWhiteSpace(result.Content.Value<string>("title")) ? result.Content.Value("title") : result.Content.Name)
                                        </h2>
                                        @if (result.Content.HasProperty("subtitle") && result.Content.HasValue("subtitle") && !string.IsNullOrWhiteSpace(result.Content.Value<string>("subtitle")))
                                        {
                                        <h3 class="post-subtitle">@(result.Content.Value<string>("subtitle"))</h3>}
                                    </a>
                                    @if (result.Content.HasProperty("authorName") && result.Content.HasValue("authorName") && !string.IsNullOrWhiteSpace(result.Content.Value<string>("authorName"))
                                        || (result.Content.HasProperty("articleDate") && result.Content.HasValue("articleDate") && result.Content.Value<DateTime>("articleDate") > DateTime.MinValue))
                                    {
                                        <p class="post-meta">
                                            @Umbraco.GetDictionaryValue("Article.Posted")
                                            @if (result.Content.HasProperty("authorName") && result.Content.HasValue("authorName") && !string.IsNullOrWhiteSpace(result.Content.Value<string>("authorName")))
                                            {
                                                @Umbraco.GetDictionaryValue("Article.By")@Html.Raw("&nbsp;")@(result.Content.Value<string>("authorName"))
                                            }
    
                                            @if (result.Content.HasProperty("articleDate") && result.Content.HasValue("articleDate") && result.Content.Value<DateTime>("articleDate") > DateTime.MinValue)
                                            {
                                                @Umbraco.GetDictionaryValue("Article.On")@:&nbsp;@(result.Content.Value<DateTime>("ArticleDate").ToString("MMMM dd, yyyy"))
                                            }
                                        </p>
                                    }
                                </div> 
                                }
                            <hr>
                        }
                    }
                </div>
            </div>
        </form>
    </div>
    

    Here is a link to the view code in the starter kit repo

    I hope this helps

    Paul

  • Peter van Geffen 54 posts 290 karma points
    May 06, 2022 @ 07:57
    Peter van Geffen
    0

    Thnx mate! With some adjustments it works perfect.

  • Jack Taylor 16 posts 107 karma points
    Dec 10, 2022 @ 02:06
    Jack Taylor
    0

    Is there anyway to get this working in v10, this line is causing an error: var results = publishedContentQuery.Search(searchQuery);

  • Huw Reddick 1929 posts 6697 karma points MVP 2x c-trib
    Dec 10, 2022 @ 20:20
    Huw Reddick
    0

    Hi Jack,

    What error is it giving you exactly?

  • Jack Taylor 16 posts 107 karma points
    Dec 12, 2022 @ 17:00
    Jack Taylor
    0

    Hi Huw, thanks for getting back to me. Sorry I should've included at the time but I'm having an issue on Umbraco Cloud logs where the current days logs never load. Error message in logs: error CS0103: The name publishedContentQuery does not exist in the current context

  • Huw Reddick 1929 posts 6697 karma points MVP 2x c-trib
    Dec 12, 2022 @ 19:23
    Huw Reddick
    0

    Did you add this at the top of your view page?

    @inject Umbraco.Cms.Core.IPublishedContentQuery publishedContentQuery

  • Jack Taylor 16 posts 107 karma points
    Dec 12, 2022 @ 22:59
    Jack Taylor
    0

    I did, here is my full code:

    @using Umbraco.Cms.Web.Common.PublishedModels;
    @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Search>
    @using ContentModels = Umbraco.Cms.Web.Common.PublishedModels
    @using Clean.Core.Models.ViewModels
    @inject Umbraco.Cms.Core.IPublishedContentQuery publishedContentQuery
    @{
        Layout = "MainNavigation.cshtml";
    
        var searchQuery = Context.Request.Query["query"];  
    }
    @if (!string.IsNullOrWhiteSpace(searchQuery)){
        var results = publishedContentQuery.Search(searchQuery);
    }
    <header>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <form action="@Model.Url()" method="Get">
                        <fieldset>
                            <input type="text" class="search-box" placeholder="Search..." name"query"></input>
                            <button class="search-button">Search</button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1>Search results go here</h1>
    
                </div>
            </div>
        </div>
    </section>
    
  • Jack Taylor 16 posts 107 karma points
    Dec 12, 2022 @ 23:00
    Jack Taylor
    0

    I'm also not using anything else from the start kit repo and started from a fresh Umbraco Cloud install, could this be the problem?

  • Huw Reddick 1929 posts 6697 karma points MVP 2x c-trib
    Dec 13, 2022 @ 10:42
    Huw Reddick
    0

    Odd, I'm not using cloud, but the code works fine in umbraco 10

  • Jack Taylor 16 posts 107 karma points
    Jan 11, 2023 @ 16:06
    Jack Taylor
    0

    Does anyone know how I can exclude certain pages from this search? I've copied the above which is great :) however it has content nodes like my site settings node and certain content nodes I don't want to appear in the search.

    I've added a "Exclude from search" toggle property to each node, is there anyway in the code above I can exclude these nodes from being returned where this value is true?

  • Jack Taylor 16 posts 107 karma points
    Jan 19, 2023 @ 17:20
    Jack Taylor
    0

    Got it:

    //Filter the results to only show items where hideFromSearch is not true
    results = results.Where(x => !x.Content.HasProperty("hideFromSearch") || !x.Content.Value<bool>("hideFromSearch"));
    
  • Jack Taylor 16 posts 107 karma points
    Jan 11, 2023 @ 15:43
    Jack Taylor
    0

    The issue was with my injections, once I got my error logs working I worked out the correct injections to use where:

    @using Umbraco.Cms.Web.Common.PublishedModels;
    @inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Search>
    @using ContentModels = Umbraco.Cms.Web.Common.PublishedModels
    @inject Umbraco.Cms.Core.IPublishedContentQuery publishedContentQuery
    
Please Sign in or register to post replies

Write your reply to:

Draft