Https://oscarliving.co.id

Shopify Discussion

Topic summary

A user sought help removing unwanted search results appearing at the bottom of their Shopify store’s search page (Theme: Empire 12). The issue involved a “productgrid–footer” element displaying posts/articles when searching for products.

Solution provided:

  • First recommendation: Check Search template settings in theme customizer to disable Posts/Articles display
  • CSS workaround offered with two options:
    1. Add code to Search results section Custom CSS (preferred, survives theme updates)
    2. Add to assets/theme.css file
  • Alternative: Remove productgrid--footer block directly in theme editor (risks being lost during updates)

Outcome:
The user successfully implemented the CSS solution (.search--section .productgrid--footer { display: none !important; }), which resolved the issue. The helper also advised against using URLs in topic titles for better searchability.

Summarized with AI on October 23. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone

I need your help to make this things at the bottom disappear ( RED BOX )

so when I do search, this result will be pop up at the bottom and I dont really like it

How can I make that dissapear and do it with CSS code ?

Website : www.oscarliving.co.id

No password

Theme : Empire 12

Screenshot 2025-10-21 at 11.38.39 PM
Screenshot 2025-10-21 at 11.38.39 PM848Ă—784 120 KB

Thank you very much

2

Hi @OLIV1

First, please do not use links inthe topic title, but explain the main issue. Other members would find your topic if they have the same problem.

For that block, first check the Search template settings in theme customizer.
But that looks like a search for products, found a list of posts that have a search term.
And I am not sure if yo ucan disable Posts/Articles in some setting.

But if no luck, with CSS, you can hide it, but it will still be in the code. Try first in Search results section, on Search page in Theme customizer, under sections Custom css to use code below

.productgrid--footer {
  display: none !important;
}

or if it does not work at the end of assets/theme.css file, copy this code

.search--section .productgrid--footer {
  display: none !important;
}

and it will hide it. The first option is better because it is safe to update your theme and you do not lose custom code.

Instead of a CSS solution, you can search for productgrid--footer in theme editor and remove that block, but again, that could cause issues with theme update in the future.

3

Dear Laza

Thank you so much for The code

I did Try method Number 3 and It works perfectly Fine

and also Thank you for remind me regarding the Topics

Thank you very Much

1 Like