Need some help with Metafields in Search and a Theme Code insertion

SoCalMacGuy
Tourist
6 0 4

Hi Everyone,

I'm trying to make the default Shopify search field include Metafield data in search results. I found a post with some code that is supposed to work.

This is the post with the code: https://community.shopify.com/c/shopify-design/make-metafield-vaules-come-up-in-the-search-bar/m-p/1...

 

 

{% for product in collections.all.products %}
  {% assign metafields = product.metafields %}
  {% for metafield in metafields %}
    {% if metafield.value contains search %}
      <a href="{{ product.url }}">{{ product.title }}</a>
    {% endif %}
  {% endfor %}
{% endfor %}

 

 

I'm a novice when it comes to coding (I can understand it when I read it but that's about it) and my question is: Where do I actually insert the code?

 

There are so many different sections and theme files that I just can't figure out where it would go to effect the results obtained from the header search field. Any help would be greatly appreciated.

Thanks 

Replies 2 (2)

EBOOST
Shopify Partner
945 253 288

Hi @SoCalMacGuy ,

If you use Dawn theme. May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png

2. Sections/main-search.liquid

3. Follow the screenshot to add code below

{% for product in collections.all.products %}
  {% assign metafields = product.metafields %}
  {% for metafield in metafields %}
    {% if metafield.value contains search.terms %}
      <li class="grid__item"><a href="{{ product.url }}">{{ product.title }}</a></li>
    {% endif %}
  {% endfor %}
{% endfor %}

EBOOST_1-1713771059844.png

 

4. Sections/predictive-search.liquid

5. Follow the screenshot to add code below

{% for product in collections.all.products %}
  {% assign metafields = product.metafields %}
  {% for metafield in metafields %}
    {% if metafield.value contains predictive_search.terms %}
      <li><a href="{{ product.url }}">{{ product.title }}</a></li>
    {% endif %}
  {% endfor %}
{% endfor %}

EBOOST_2-1713771144524.png

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
SoCalMacGuy
Tourist
6 0 4

Thank you for the reply. I wish we were using the Dawn theme as those two section names would make it much easier. Unfortunately they decided on the Momentum theme v3.1.1 and for now that's what I have to work with. They seem to have their own naming conventions for a lot of basic things.