While working with Theme Vantage in combination with WooCommerce (product catalog) everything works pretty well. After adjusting some settings, all thumbnails and product images are displayed very good. Only, when I use the Search option the results page shows extremely large pictures. Any idea where I can adjust these settings? Preferable is a results page with thumbnails like a catalog page, or else with pictures comparable with the product images.
(Because I’m still testing and work only with local host, it’s not possible to supply you with an URL to show the issue)
Large images in Search Results
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Jac
The search results page unfortunately doesn’t have any options at the moment. Please give the following a try under Appearance > Custom CSS a try:
/* Search Results */ .search-results article.post .entry-header .entry-thumbnail img, .search-results article.page .entry-header .entry-thumbnail img { width: auto; }If you’ll be moving your site from local to live and are using Page Builder for any content, please see: https://siteorigin.com/thread/id-like-to-move-my-website-thats-using-page-builder-whats-the-best-method/
Hi Andrew,
Thank you very much for your help, with the code pasted in Custom CSS the images are no longer ‘Full Width’ in the Search Results. Only to my opinion still too large, so I replaced ‘auto’ in the code for a more preferred pic size, in my case ‘300px’. And the result is more satisfying, the images are displayed like they are in the normal product pages.
The text is however still a problem, this is still displayed in long lines of text. Is it possible to adjust the search results with for example 2 or 3 columns? Idea is to get the search results displayed comparable with the regular product pages of Woocommerce.
Regards, Jac.
No problem.
Shooting from the hip you could try something like this under Appearance > Custom CSS:
.search-results article.post, .search-results article.page { max-width: 25%; float: left; box-sizing: border-box; padding-right: 2%; }Hi Andrew,
And thanks again, your ‘shooting from the hip’ is pretty accurate.
Now I have a nice page with 4 columns with the text inline under each picture.
Probably not all the pictures are the same dimensions because the page is a bit mixed up with some blanc spots. When I do a search for items of which I now all pics have the same size, the result is much better. Only, in both situations the height of the pictures is cut off. Maybe the height has something to do with the Custom CSS line ‘width 300px’. (?)
If needed I will send you some screenshots to show you the results. (try to paste them into this message but apparently that’s not possible)
Ok, let’s try state some max dimensions for images on this page.
article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img { max-width: 300px; max-height: 300px; }Sorry, don’t work. images only react at ‘max-width’ but not at ‘max-height’ no matter what figure I fill in there.
Even try to Regenerate Thumbnails, but also without results.
Somehow I’ve the feeling that maybe it is affected by the combination of text and image.
These search results are from the Woocommerce product catalog, and, these products are images with product information in text. (?)
It’s hard to say without looking at the problem as it’s appearing on your side.
You can perhaps try this child theme which attempts to use the grid loop for this page.
https://siteorigin.com/wp-content/uploads/2014/10/vantage-child.zip
Install from Appearance > Themes > Add New: Upload Theme.
Child themes do require Customizer and Menu settings to be re-done.
We do our best from the Support department to help with small customisations but at some point, if we can’t crack a request in a short amount of time, we will unfortunately need to recommend that you request it as a feature or consider hiring a developer to handle this for you.
Test the child theme before re-doing Customizer and Menu settings and remove the Custom CSS pertaining to this page before doing so.
Thank you Andrew, within a few days I will try to get it done this way. As soon as I have a result I will let you know.
For sure.
Hello Andrew,
Had to cancel the whole operation with the child theme to get the search result page organized.
This because I found out that the search widget of the Vantage Theme shows everything related to the search request. That means really everything, also from pages only permitted to view by ‘members’. Or in other words, when someone is not logged-in they get items displayed in the search results including a link to the page it is coming from, click at that link and you are in! In pages blocked for people who are not logged in and/or are permitted to view those pages.
To avoid this I had to disable the search widget of Vantage and insert the Woocommerce product search widget directly into the pages which are ‘only for members’.
It is a bit disappointing that I had to disable the Vantage search widget, actually it was nicer to have this option at every page of the website. On the other hand, with the product search of Woocommerce the result page is decent organized and looks the same as the regular product pages.
Maybe you know about this effect with the search widget, but in case you didn’t know I hope you can do something with this information.
Kind regards, Jac
Thanks for the feedback. The issue seems to be that our menu search form, if that’s what you’re referring to, isn’t being offered up in a manner that plugins can filter. This is something that has been logged on our side and will hopefully be addressed moving forward. Glad to hear you found a workaround for now.