Adding product images to search result page and fix search drop down closing - Support

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
November 3, 2025 at 6:32 pm #1490897

mntsrvcs
Participant

Hello,

I purchased extended support for my current site. My site is running Woocommerce and I am trying to add product images to the search results page. I have tried using the Advanced Woo Search plugin, but it is not working, and I believe it is due to a conflict with the Enfold theme.

Also, I have a search box in the top right corner of the nav bar. When you enter search terms, a drop-down appears with results; however, it closes really quickly, and you cannot click any of the results. How do I fix this?

November 4, 2025 at 1:15 am #1490900

Ismael
Moderator

Hey mntsrvcs,

Thank you for the inquiry.

This is possible, but you will need to directly modify the includes > loop-search.php file. Please check the links below for more info.

— https://kriesi.at/support/topic/add-featured-image-to-search-results/#post-249161
— https://kriesi.at/support/topic/change-layout-search-results/#post-1359284

Best regards,
Ismael

November 4, 2025 at 11:33 pm #1490958

mntsrvcs
Participant

Hello,

I have added the images using the code provided in the forum. However, when I try to enlarge them, they get grainy. How can I fix this?

November 5, 2025 at 6:38 pm #1490983

mntsrvcs
Participant

Hello,

I was able to fix the image problem with additional CSS.

There is still an issue with the search box in the top right corner of the nav bar. When you enter search terms, a drop-down appears with results; however, it closes really quickly, and you cannot click any of the results. How do I fix this?

Also, when you go to a product detail page, it use to show the details, but after an update, you now have to click details like it’s a button. How can I make it always visible again?
Example: https://dpfsource.com/product/ct350-da/

Thanks

November 10, 2025 at 3:39 am #1491088
Ismael
Moderator
Hi,

Thank you for the update.

We cannot reproduce the issue with the search field or the details tab. The search field remains visible at all times, and the details tab is also visible on page load. If the tab is being deactivated on load, try adding this script in the functions.php file:
```
add_action('wp_footer', function() {
    ?>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        var activeTab = document.querySelector('#top div div.product .woocommerce-tabs ul.tabs li.active a');

        if (activeTab) {
            activeTab.click();
        }
    });
    </script>
    <?php
}, 999);
```
Best regards,
Ismael
November 10, 2025 at 8:07 pm #1491140

mntsrvcs
Participant

Hello,

I added the code, but now it appears and then disappears if you scroll down the page or move the mouse. I’ve tested it on different browsers with the same results.

November 11, 2025 at 2:53 am #1491147
Ismael
Moderator
Hi,

Thank you for the info.

Did you add this css code somewhere?
```
.js_active .woocommerce-tabs .panel {
    display: none;
}
```
Try to override it with this css code:
```
.js_active .woocommerce-tabs .panel {
    display: block;
}
```
Please make sure to temporarily disable the cache and compression plugin (Autoptimize) while testing the site.’

Clip: https://streamable.com/ih23g6

Best regards,
Ismael
November 11, 2025 at 5:11 pm #1491204

mntsrvcs
Participant

Hello,

No, I did not add that CSS code. I added the CSS you sent and it fixed the issue.

Thanks

November 12, 2025 at 4:01 am #1491213

Ismael
Moderator

Hi,

Great! Glad to know this has been resolved. Please don’t hesitate to open another thread if you have any more questions.

Have a nice day.

Best regards,
Ismael
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Adding product images to search result page and fix search drop down closing’ is closed to new replies.