Display images in search

Hey Illingco,

Thank you for the inquiry.

You can try the solution that we provided in an older thread to disable the search counter in the search results and replace it with the featured image.

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

To adjust the the style, please refer to this modification.

// https://kriesi.at/support/topic/change-layout-search-results/#post-1359284

Best regards,
Ismael

Hi,

Thank you for the update.

You can create a copy of the includes > loop-search.php file in your child theme to override the default template in the parent theme and keep the modification after an update. Let us know if the modification works.

Best regards,
Ismael

Hi,
To place the images on the left side of the tables please try this css:

.template-search .post-entry .entry-content-wrapper {
	display: flex;
}
.template-search .post-entry .entry-content-wrapper .entry-content-header {
	display: flex;
	flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
}
.template-search .post-entry .entry-content-wrapper .entry-content {
	display: flex;
	width: 50%;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,
Sorry that this was not helpful, the title and image are in the same div. Perhaps you should leave the image above and just center it as that will be the best layout for mobile.

Best regards,
Mike

Hi,
To make the image square try this css:

#top.search-results .search-result-counter {
    border-radius: unset;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
To add a link to the image please see this thread that Ismael linked to above, Guenni007 shared adding a link.

Best regards,
Mike

Hi,
As I understood you had already modified the loop-search.php to get your current results, correct?
The change is the same line of code with a link added, isn’t it? Please check your modification carefully.
Please copy your php file to DropBox and link to it so we can check, also include the css needed for the customization in your DropBox link.

Best regards,
Mike

Hi,
You will want to use a child theme otherwise the modification will be lost with each update.

Best regards,
Mike

Hi,
Correct you will need to use a child theme, your PHP mod looks good.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Read about using a Child Theme, when you install the child theme and go to the theme import / export options it will ask you if you want to import the parent theme settings, then all settings and customizations will be added to the child theme.
If this is for a live site and you are worried about the outcome, try first creating a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.

Best regards,
Mike

Hi,
Try deactivating the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and activating Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and the clearing your browser and any plugin cache.
If you continue to have trouble, please create a new staging copy of your main site with no child theme and post the admin login in the Private Content area so we can add the child theme and import the theme settings to see why it is not working as expected.

Best regards,
Mike