WooCommerce Search Results page

Shapely
1

Hi there,

Great theme!

I have this theme running with WooCommerce. When a search is done for products, the results are quite bland. Is it possible to return results in a 4 or 2 column grid, and include the product featured image?

Right now it just displays Product title, description and a button.

:slight_smile:

2

Hi @redinfluence,

I hope you are well today and thank you for your question.

It is displaying product image on my test site as shown in the attached screenshot.

Please make sure you have set product image to the product.

Best Regards,
Movin

3

Yup, every single product has a product photo…

Product:
https://www.kk-botanicals.com/shop/kratom-mitragyna-speciosa/super-sumatran/

Search Results:
https://www.kk-botanicals.com/page/2/?s=speciosa

4

EDIT: Site is currently in maintenance mode, so you won’t be able to see the links.

Here are screenshots:

5

It seems from your shared screenshot that you are searching the products using normal search widget and not the WooCommerce search widget therefore you are getting such result. You should use WooCommerce search widget and you can see the difference between two as shown in the attached screenshot.

6

Movin,

Thank you for the response.

I am using the search included in the Shapely theme’s header code…

<div class="module widget-handle search-widget-handle left">
    <div class="search">
        <i class="fa fa-search"></i>
        <span class="title"><?php _e("Site Search", 'shapely'); ?></span>
    </div>
    <div class="function"><?php
        get_search_form(); ?>
    </div>
</div>
7

Well…I switched:

<div class="function"><?php
    get_search_form(); ?>
</div>

with

<div class="function"><?php
     get_product_search_form(); ?>
</div>

And now it is working correctly. But the CSS is weird.

8

Awesome great to see you got that worked.

But the CSS is weird.

I visited your site and it’s displaying fine for me as shown in the attached screenshot.