Plugin Author
TC.K
(@wp_dummy)
I don’t know if you have customized the ajax result or not. The plugin is showing the post thumbnail.
You might want to got settings->media to set the thumbnail size. If this is not working, you can use css to change the thumbnail size.
If you don’t where what to change in the css, please leave your site link here so that I can take a look.
I don’t think I have customized the ajax. The image is coming out much bigger than the thumbnail size. The same thing happened with just woocommerce so I had to use some custom CSS for woocommerce to display product images correctly on the shop page. I can try the same custom CSS but I just need to know where to put it. Thanks for the help!
This is the CSS I added in my theme to fix the image sizes in woocommerce. Maybe I could just add something to it to adjust the images in the ajax call?
/*—— Image Adjustments ——*/
/* Set image sizes to fixed height and width */
/* shop base page */
‘.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {width: auto !important; height: auto !important; max-height: 175px !important; margin-left: auto !important; margin-right: auto !important;
}’
/* Single product page */
‘.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {width: auto !important; height: auto !important; max-height: 350px !important;
}’
Also, how do you find the correct Div id/class of where you want the ajax result to display? That could be my problem too…
Plugin Author
TC.K
(@wp_dummy)
No, the plugin generate the result different from woocommerce, thus you can’t use woocommerce class for the customization.
To find the div id/class, actually you can use the browser (firefox or chrome or opera) Inspect Element features.
If you didn’t change anything on the ajax result, then you can try use this css to customize the thumbnail.
.entry-heade img
I tried it in my theme CSS but it didn’t work. This is what I wrote:
‘.entry-heade img {width: auto !important; height: auto !important; max-height: 175px !important; margin-left: auto !important; margin-right: auto !important;’
}
When you say “If you didn’t change anything on the ajax result” what are you referring to? Something in the plugin settings?
Plugin Author
TC.K
(@wp_dummy)
Nope, not at the plugin setting. The plugin have the ability to customize via provided filters. Users can use these filter to customize the plugin to fit their need. One of the most used filter is the ajax result filter uwpqsf_result_tempt (you can see example here).
And it is .entry-header, I missed the r.
