Out of the box, Elastic Search and Advanced Search extensions aren't declared as compatible with Porto theme. However, due to a big number of reports, Amasty have released a free and publicly available
compatibility module that addresses common layout and styling issues with search popup on Porto theme. Follow the steps below to start using it:
Step 1. Execute the following commands to download the compatibility module and install it in your Magento instance:
composer require amasty/module-advanced-search-porto
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy <your_locale>
php bin/magento cache:flush
Step 2. In your Magento admin area, navigate to Porto → Settings Panel → Header → Search Type, select Amasty Advanced Search and save the change;
Step 3. Head to Amasty → Advanced Search → Configuration → General → Search Field Width and select Default;
Step 4. Clear Magento cache (and external/server cache, if present) to apply new settings.
Please note that the following Advanced Search functionality is not fully supported on Porto theme:
- Popup Width (px) - may not work with some Porto header types;
- Fullscreen Mode - not supported;
- Custom Search Field Width - not supported.
If any issues remain after installing the compatibility module, our
Support team will be happy to investigate that.