How to hide certain pages from storefront search - Studio 11.0.0

Technical Q&A
,

Topic summary

A user’s method for hiding specific pages from Shopify storefront search results stopped working after updating the Studio theme from version 10.0.0 to 11.0.0.

Original Approach:

  • Used a custom metafield (custom.hide_from_storefront_search) with integer value 1 to flag pages for exclusion
  • Wrapped search results loop with {% unless %} conditional logic
  • This worked in version 10.0.0 but broke in 11.0.0

Proposed Solution:

  • Replace the {% unless %} wrapper with {% if item.metafields.custom.hide_from_storefront_search == 1 %}{% continue %}{% endif -%} immediately after the {% for %} tag
  • User implemented this correctly but reports it still doesn’t work

Troubleshooting Suggestions:

  • Verify metafield values are correctly set on the pages
  • Check if other code sections process search results that need similar modifications
  • Test with JavaScript disabled in browser, as JavaScript code might override the Liquid template logic

Status: Unresolved. The issue persists despite attempting the recommended fix.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

I previously used this post to hide certain pages from storefront search and it worked. But when I updated my Studio theme to version 11.0.0 from 10.0.0, it stopped working and these pages are now showing on my storefront search again. This is how my code looks currently. Can anyone help with this?

{%- for item in search.results -%}
                  {% assign lazy_load = false %}
                  {%- if forloop.index > 2 -%}
                    {%- assign lazy_load = true -%}
                  {%- endif -%}
                  {% unless item.metafields.custom.hide_from_storefront_search == 1 %}
                  - {%- case item.object_type -%}
                        {%- when 'product' -%}
                          {%- capture product_settings -%}{%- if section.settings.product_show_vendor -%}vendor,{%- endif -%}title,price{%- endcapture -%}
                          {% render 'card-product',
                            card_product: item,
                            media_aspect_ratio: section.settings.image_ratio,
                            image_shape: section.settings.image_shape,
                            show_secondary_image: section.settings.show_secondary_image,
                            show_vendor: section.settings.show_vendor,
                            show_rating: section.settings.show_rating,
                            lazy_load: lazy_load
                          %}
                        {%- when 'article' -%}
                          {% render 'article-card',
                            article: item,
                            show_image: true,
                            show_date: section.settings.article_show_date,
                            show_author: section.settings.article_show_author,
                            show_badge: true,
                            media_aspect_ratio: 1,
                            lazy_load: lazy_load
                          %}
                        {%- when 'page' -%}
                        

                          

                            

                              

                                  ### 
                                  
                                      {{ item.title | truncate: 50 | escape }}
                                  
                                
                              

                              
                                  {{ 'templates.search.page' | t }}
                              

                            

                          

                        

                      {%- endcase -%}
                  

                  {% endunless -%}
                {%- endfor -%}
2

You can get rid of the {% unless %} wrapper.

Immediately after the {% for.. %} tag use the following :

{% if item.metafields.seo.hidden == 1 %}{% continue %}{% endif -%}

If you need this customization setup for then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact info in signature.

3

Hi @PaulNewton , thank you for writing back! Unfortunately, this didn’t work for me. I tried replacing ‘item.metafields.seo.hidden’ in your code to ‘item.metafields.custom.hide_from_storefront_search’ as well but that didn’t work either.

For further context, I have a page metafield set up (Namespace and key: custom.hide_from_storefront_search) and for the pages that I don’t want to show up on storefront search, I input the integer value of 1 in this metafield. Using the solution I linked in the original post above with version 10.0.0, it used to work but now it doesn’t on version 11.0.0.

This is how my code looked after trying out your solution, did I do it correctly?

{%- for item in search.results -%}
                  {% if item.metafields.custom.hide_from_storefront_search == 1 %}{% continue %}{% endif -%}
                  {% assign lazy_load = false %}
                  {%- if forloop.index > 2 -%}
                    {%- assign lazy_load = true -%}
                  {%- endif -%}
                  - {%- case item.object_type -%}
                        {%- when 'product' -%}
                          {%- capture product_settings -%}{%- if section.settings.product_show_vendor -%}vendor,{%- endif -%}title,price{%- endcapture -%}
                          {% render 'card-product',
                            card_product: item,
                            media_aspect_ratio: section.settings.image_ratio,
                            image_shape: section.settings.image_shape,
                            show_secondary_image: section.settings.show_secondary_image,
                            show_vendor: section.settings.show_vendor,
                            show_rating: section.settings.show_rating,
                            lazy_load: lazy_load
                          %}
                        {%- when 'article' -%}
                          {% render 'article-card',
                            article: item,
                            show_image: true,
                            show_date: section.settings.article_show_date,
                            show_author: section.settings.article_show_author,
                            show_badge: true,
                            media_aspect_ratio: 1,
                            lazy_load: lazy_load
                          %}
                        {%- when 'page' -%}
                        

                          

                            

                              

                                  ### 
                                  
                                      {{ item.title | truncate: 50 | escape }}
                                  
                                
                              

                              
                                  {{ 'templates.search.page' | t }}
                              

                            

                          

                        

                      {%- endcase -%}
                  

                {%- endfor -%}
4

It looks correct but I have no idea as to the validity of what values you have in what products metafields or the search terms your using ,etc etc.

Double check that is not the only relevant area of code that goes over search results.

Try disabling javascript in your browser for that site and testing it.

If it works with javascript disabled then theres some javascript that runs, that ignores the underlying liquid code, which would have to be adjusted.

Good Luck.