- This topic has 10 replies, 2 voices, and was last updated 5 years, 1 month ago by
.
Hello,
I want to do 3 things in the search area. Do let me know, if any one of them can be done without custom development. Have entered the link in the URL below.
1. Removing the sidebar on the right.
2. Adding a text at the top of the page, saying “Showing search results for [search keyword]
3. Only limiting the search results to Woocomerce products.
Thank you so much. Sorry for the constant support tickets.
Hi @hopelessgamer,
I hope you are well today and thank you for your questions.
1. Removing the sidebar on the right.
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.search-results #content { width: 100%; padding: 0; } .search-results #sidebar { display: none; }2. Adding a text at the top of the page, saying “Showing search results for [search keyword]
To display it, please enable the Titlebar in the theme settings.
3. Only limiting the search results to Woocomerce products.
You can achieve this using the Ivory Search plugin.
Best regards,
Shufflehound teamHi,
Thank you so much.
Points 1 and 2 worked like a charm 🙂
For Point 3, I installed the plugin and even configured it to only show results from the Products section.
But can you help as to where I can insert the shortcode, in order to achieve the same functionality with the search icon on the header.
Really sorry for so many questions.
For Point 3, I installed the plugin and even configured it to only show results from the Products section.
But can you help as to where I can insert the shortcode, in order to achieve the same functionality with the search icon on the header.
You can get help related to this from Ivory Search plugin support.
Sure. Will do the same.
ok
Hi,
One problem is coming. The sidebar on the right is getting hidden when there is a search result. But when there is no search result, it is coming back again. Can you tell me how to fix the same?
In the previous post, I attached the screenshot, with search results. Here is the screenshot, without any search result.
Solution for this topic
Please change the above-shared CSS code as following.
.search #content { width: 100%; padding: 0; } .search #sidebar { display: none; }Perfect, as always 🙂
You are always welcome here 🙂
