Display a message after searching for a product

[weblax]

Hello,

I use your theme to develop a website for a customer who sells physical products through WooCommerce.

However, through the search bar, in order to search for one or more products, and when we click on “See all results”, I would like to know if we can display a message “You with searched: {element_recherched}”.

You can see my explanation through the image sent attached.

Awaiting your reply, best regards.

• This topic was modified 3 months, 1 week ago by weblax.

Attachments:

You must be logged in to view attached files.

Hello,

Do you mean to change the text here – https://prnt.sc/BmIVWzlZPfJ5 ?

I await your response.

Kind Regards

Hello,

I just want to show a message under the text “Because every woman deserves to be free and fulfilled” when the user searches for an item in the search bar and clicks on the button “See all results”.

I don’t want to change the text you have in red box.

Kind Regards

Hello,

Navigate to Layouts -> Product Archive -> create a layout with such a condition – https://prnt.sc/mQteBH2HCXfD and then define the needed text there.

Let me know the result.

Kind Regards

Good evening,

I will contact you again to tell you that it worked and that I managed to design a search for a product.

However, I would like to know if it is possible to customize the “Archive Title”, because instead of having “Search result: Flux” I would like to remove the beginning and associate it with my custom phrase “Here are your search results associated with: Flux”. (image-3)

Kinds Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Try to change it via Loco Translate, here is our article on how to use it: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Kind Regards

Good evening,

Thank you for your answer and it works perfectly. Another question intrigues me now and I saw on a pre-built site model a model that caught my attention.

On the link opposite, is it possible to do the same thing when I click on the search bar? (link : https://woodmart.xtemos.com/theme-settings-tooltips/full-screen-search-extra-content.mp4 or see the image-4).

Kinds Regards

Attachments:

You must be logged in to view attached files.

Good evening again,

How is it possible to have the same size of images in the search bar?

Do I have to create a specific layout with a condition or is it the size of the images that must all be the same in one dimension? (see the image-5).

Kinds Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the code below for help:

body .wd-search-full-screen-2 .autocomplete-suggestions {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
}

Let me know the result.

Kind Regards

[weblax]

Hello,

The code you showed me has no effect on the creation of “extra content” in the search bar.

What I would have liked is the afficahge of product data and have the same as on the image (image-2) what I do not have on the image (image-1) of my website.

The data I would have liked to see is:

– Title of the product
– Reviews of the product
– Price of product
– Product image

And that is arranged according to the predefined filter by category or by label.

Is there a way to display this in 4 columns?

Kinds Regards

• This reply was modified 2 months, 4 weeks ago by weblax.
• This reply was modified 2 months, 4 weeks ago by weblax.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the misunderstanding.

It’s an HTML Block with the “Products (grid or carousel)” element – https://prnt.sc/_XuzKk8BpJ5o https://prnt.sc/srIZlEeXLvZZ , after creating such a block define it in Theme Settings -> General -> Search -> https://prnt.sc/y5WTDX6Xo-Yf

Kind Regards

Good evening,

I applied the same model as you, with the same element except that I can’t see the same result as you in the demo site (see image-1).

Is there another way to get this same model or almost with another item or other customization?

I inserted this CSS code to decrease the size of the image (see image-2).

.wd-product:not(.wd-hover-small) :is(.product-image-link,.hover-img) img {
	width: auto !important;
}

But on the other hand, when I pass the item in “List”, I can’t align the other items.

Kinds Regards

Attachments:

You must be logged in to view attached files.

Hello,

Here is an HTML Block created for a better understanding – https://prnt.sc/dzKFvDQcR7JF so you can investigate – https://prnt.sc/ykjEhKAF7BkL

Kind Regards

[Author]

Posts