Can you customize/override core text with a theme component?

JonahAragon1 · October 31, 2023, 4:28am

I have a theme component which replaces components/google-search with a box that searches DuckDuckGo instead, simple enough. I can’t figure out how to make the theme component change/replace this text (js.search.or_search_google) though:

Is this possible to do without just customizing the text manually in the admin panel?

Lilly · October 31, 2023, 5:34am

Hi @JonahAragon1 You can do this with text replacement

Don · October 31, 2023, 5:36am

Hello

This component is override the google-search template which is this area.

So it won’t change the text above this.

The component contains a locale file where the same text appears but this is for the input field area-label

github.com

privacyguides/discourse-duckduckgo-search/blob/1beeff099b7e2abd5009df5bc2029be6158e5d47/locales/en.yml#L3


      
          en:
            search: 
              or_search_duckduckgo: "Or try searching with DuckDuckGo instead:"
              search_duckduckgo: "Try searching with DuckDuckGo instead:"
              search_duckduckgo_button: "DuckDuckGo"

The text you want to change is found here in core

github.com

discourse/discourse/blob/84fdf40dd4e7bfa1bebf22edc7ee125063a3dea0/app/assets/javascripts/discourse/app/templates/full-page-search.hbs#L194


      
          
              {{#if this.showSuggestion}}
                <div class="no-results-suggestion">
                  {{i18n "search.cant_find"}}
                  {{#if this.canCreateTopic}}
                    <a
                      href
                      {{on "click" (fn this.createTopic this.searchTerm)}}
                    >{{i18n "search.start_new_topic"}}</a>
                    {{#unless this.siteSettings.login_required}}
                      {{i18n "search.or_search_google"}}
                    {{/unless}}
                  {{else}}
                    {{i18n "search.search_google"}}
                  {{/if}}
                </div>
          
                <GoogleSearch @searchTerm={{this.searchTerm}} />
              {{/if}}
            {{/if}}
          {{/unless}}

The easiest way to change this text is on the /admin/customize/site_texts/ page.

JonahAragon1 · October 31, 2023, 6:08am

Well, I was just trying to make it so the manual text replacement isn’t necessary when you install the theme component, to save a step for anyone who installs it.

If that’s not easily possible, then it’s not the end of the world I guess. Thanks!

Topic		Replies	Views
Search with Bing/Yahoo/DuckDuckGo support	10	1190	February 16, 2020
Search box in custom (404) page dev	12	1994	April 7, 2018
Making a search icon with a theme support	7	850	August 4, 2022
How to change the header text on the title page support search-banner	4	356	March 4, 2024
Search Banner theme-component official , search-banner	27	19788	July 8, 2024

Can you customize/override core text with a theme component?

Related Topics