levelupclint

Hi Stefan,

Expanding on the code provided by Marta (if you want to center the suggestions list), you can set the “left” property like below:

.dgwt-wcas-suggestions-wrapp {
width: 100% !important;
left: 25vw !important;
}

Hi @ambrishgoradia,

I checked your homepage (desktop view) but the search bar isn’t from our plugin. Have you already installed our plugin.

Best regards,
Clint

Hi @stefansic,

Please provide your site address so we can check.

Best regards,
Clint

Hi Charly,

I think you’ll need to add breakpoints and experiment with the different screen sizes:

@media (min-width: 992)

Right now, there are Javascript errors on your site so the search icon is not responding. Maybe it’s related to the changes you made recently with your header?

Hello Charly,

With your current layout (desktop), you might be able to use something like:

.dgwt-wcas-suggestions-wrapp {
	width: 70vw !important;
	left: 360px !important;
}

.dgwt-wcas-details-wrapp {
	left: 63px !important;
}

I have a smaller screen so here’s a screenshot: https://prnt.sc/1bfp76l

Your search icon is positioned to the right-most part of the page. If you move the search icon towards the center or left-most part of the page, it should switch the display of the suggestions list and details panel.

Best regards,
Clint

Hi @reednaturals,

Maybe it’s an issue with the Divi template being used. You can create a separate template in Divi >> Theme Builder, which will only be used to display the results. This Divi documentation article may be helpful: https://www.divithemeexamples.com/divi-search-results-page-template/

Let us know how it goes!

Best regards,
Clint

Hi Charly,

On mobile, it displays the search bar overlay and on desktop the search icon is on the right-most part of the menu and displays the dropdown. Both are rendering fine in incognito mode.

Best regards,
Clint

Hello,

We’re working on a new scoring system that supports weight and custom rules.

At the moment, we set the order of search results based on the following rules:

1. Bonus for an exact match of product name
2. Bonus for keywords position in product name
3. Bonus for keywords position in product SKU
4. Bonus for SKU exact match or containing the substring
5. Bonus for an Attribute exact match or containing the substring
6. Extra points for the similarity between phrase and product name

You can try the following snippet to increase the weight of the products belonging to a specific tag or category: https://gitlab.com/fibo-snippets/fibosearch/-/snippets/2138369

Best regards,
Clint

Hello,

Is this for the desktop view? It seems to be displayed nicely with the other elements on the header. Please try to view in incognito mode.

https://prnt.sc/181qlpb

Hello,

Can you provide your site address so we can check?

Best regards,
Clint

Hello,

When you click submit or hit enter, you will be taken to the search results page. The search term will be pre-populated on the search bar, this is the default behavior and is the same with WooCommerce Product search as well as the standard WordPress search.

Maybe we can add some JavaScript code so it clears the search box on page load. Can you share your site address?

Hello Jan,

I’m not sure if moving to HTTPS would solve the issue but you can try it and it’s better if you’re on HTTPS.

I’d like to see your site so I can check, can you contact us here: https://fibosearch.com/contact/

Best regards,
Clint

Hello Chris,

Thanks for the suggestion! We plan to focus on a more customizable mobile UX/UI in future plugin versions.

Best regards,
Clint

Hello Chris,

We don’t have the option to customize the search overlay. You can try changing the search icon if you like with the code below (added to your Child theme’s functions.php file):

add_filter( 'dgwt/wcas/form/magnifier_ico', function ( $html ) {
 	$html = '<i class="fa fa-search dgwt-wcas-ico-magnifier"></i>';
 	return $html;
} );

You could also do custom CSS.

Best regards,
Clint

Hello,

Please try the steps below to translate with Loco Translate:

1. Go to Loco translate and edit the template (.pot).
2. Click “sync” button and save. N
3. Next go to translation and click “sync” button.

See also: https://fibosearch.com/documentation/tips-tricks/how-to-change-labels/