Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 7, 2018 at 7:20 pm #952828
    hostworks

    Greetings. When I do a site search (I have WooCommerce installed), as I type my keyword, little images are displayed, but if you look at all results, there are no images displayed. How do make the search results include image thumbnails?

    Home

    May 7, 2018 at 7:28 pm #952831
    Jordan Shannon

    Hey hostworks,

    Please refer to the following:

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

    Best regards,
    Jordan Shannon

    May 7, 2018 at 7:31 pm #952833
    hostworks

    Would this work for the WooCommerce products?

    May 7, 2018 at 11:43 pm #952971
    hostworks

    It’s displaying the little bubbles. it would be nice if the images were larger and sorted by category.

    May 7, 2018 at 11:49 pm #952973
    hostworks

    I also wanted to extend the paging to 20 at a time rather than 10.

    May 8, 2018 at 9:05 am #953237
    Victoria

    Hi hostworks,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.search.search-results .search-result-counter {
  width: 100px;
  height: 100px;
}
.search.search-results .template-search .entry-content-wrapper .post-title,
.search.search-results .template-search .entry-content-wrapper .post-title + .post-meta-infos,
.search.search-results .template-search .entry-content-wrapper .entry-content {
  padding-left: 70px;
}

    If you need further assistance please let us know.
    https://cl.ly/0Z283a2P2I2H The setting here can increase the search results count.

    Best regards,
    Victoria

    May 8, 2018 at 4:55 pm #953458
    hostworks

    Thanks Victoria!

    Any idea on how to have it sort by category?

    May 10, 2018 at 5:24 am #954282
    Victoria

    Hi hostworks,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    October 18, 2018 at 5:57 am #1023156
    dameonjamie

    Hi Kriesi,
    I just tried Victoria’s CSS Code above. 

    .search.search-results .search-result-counter {
  width: 100px;
  height: 100px;
}
.search.search-results .template-search .entry-content-wrapper .post-title,
.search.search-results .template-search .entry-content-wrapper .post-title + .post-meta-infos,
.search.search-results .template-search .entry-content-wrapper .entry-content {
  padding-left: 70px;
}

    While it increased the size of the Thumbnail bubbles it revealed a problem I did not know I had. The images are missing from the bubbles in the search results!

    Here is my website:
    http://www.wildsugar.fashion

    I’ve included login details in the private data.

    Thank you!

    October 18, 2018 at 6:44 pm #1023559
    Victoria

    Hi dameonjamie,

    Did you follow this thread to add the images? They are not shown by default.
    https://kriesi.at/support/topic/add-featured-image-to-search-results/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 19, 2018 at 4:39 am #1023737
    dameonjamie

    Hi @Victoria,
    Yes I did,. And it’s working now. I have bigger search results thumbnails in bubbles when using the css code from the link you shared + your CSS code: 

    /* Search Results Thumbnail */

.search-result-counter {
    padding: 0;
}

.search-result-counter img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

/* Search Results Bigger Thumbnails */

.search.search-results .search-result-counter {
  width: 100px;
  height: 100px;
}
.search.search-results .template-search .entry-content-wrapper .post-title,
.search.search-results .template-search .entry-content-wrapper .post-title + .post-meta-infos,
.search.search-results .template-search .entry-content-wrapper .entry-content {
  padding-left: 70px;
}

    1. Is this ☝️ then correct?
    2. Is there a way to enlarge the image that is displayed (preview) as you type the search term?
    Thank you!

    October 21, 2018 at 7:03 pm #1024562
    Victoria

    Hi dameonjamie,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av_ajax_search_image {
    height: 50px;
    width: 50px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 24, 2018 at 1:22 am #1037170
    Marco

    Hello Sttaff,
    in order to show a preview image in ajax research, I referred to this post.
    but the text overlaps the image

    is there anybody to reply?
    Thanks

    • This reply was modified 6 years ago by Marco.
    December 3, 2018 at 1:54 pm #1040271
    Victoria

    Hi Sachasilvestri,

    Best regards,
    Victoria

    December 3, 2018 at 1:59 pm #1040273
    Marco

    Helo, Victoria…
    I think there is an error…
    I wisch to remove only the summary on preview… because on mobile is too long

    Best regards
    Sacha

    December 4, 2018 at 5:24 pm #1040801
    Victoria

    Hi Sachasilvestri,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.ajax_search_excerpt {
    display: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.