Question

当您输入搜索内容时，Magento的搜索框会在下方显示一个相当可怕的/慢速加载搜索建议框。

代码中移除此功能的最佳位置在哪里。

Answer 1

你可以尝试一下：

在Magento模板的css文件中，找到：

.search auto-complete

并添加：

display: none;

得到：

.search-autocomplete { display: none; }

你必须确保你的css得到刷新。

OR

查找：\template\catalogsearch\form.mini.phtml并删除或注释掉包含以下内容的行：

searchForm.initAutocomplete(.......

Answer 2

您可以尝试一下在Magento文件夹中

查找：

供应商/magento/Magento_Search/view/frontend/templates/form.mini.phtml

复制此form.min.phtml到

app / design / vendor / your_theme / Magento_Search / view / frontend / templates / form.mini.phtml

在此文件下，您可以找到以下代码，隐藏或删除这些行

data-mage-init='{"quickSearch":{
                                "formSelector":"#search_mini_form",
                                "url":"<?php /* @escapeNotVerified */ echo $block->getUrl('search/ajax/suggest', ['_secure' => $block->getRequest()->isSecure()]); ?>",
                                "destinationSelector":"#search_autocomplete"}
                           }'

Answer 3

在requirejs-config.js文件夹

your_module/view/frontend

将以下代码添加到js文件中：

var config = {
    map: {
        '*': {
            quickSearch: 'your_module/js/disableautosuggest'
        }
    }
};

在disableautosuggest.js文件夹

your_module/view/frontend/we/js

在js中添加以下代码：

define([
    'jquery',
    'jquery/ui',
    'Magento_Search/form-mini' 
], function($){
    $.widget('test.quickSearch', $.mage.quickSearch, {
        options: {
            minSearchLength: 200,
        },
    });
    return $.test.quickSearch;
});

Answer 4

最简单的方法是使用Mixin扩展原始对象并覆盖minSearchLength选项。不幸的是，Alex M的方法不再起作用，因为始终从模板的data-mage-init中设置minSearchLength选项，而与默认选项中的设置无关。为了避免弄乱模板，请重写mixin中的_create函数，并在其中设置minSearchLength选项。

app / code / vendor / module / view / frontend / requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Search/js/form-mini': {
                'vendor_module/js/form-mini-mixin': true
            }
        }
    }
};

app / code / vendor / module / view / frontend / web / js / form-mini-mixin.js

define([
    'jquery'
], function ($) {
    'use strict';

    var formMiniWidgetMixin = {
        _create: function () {
            this.options.minSearchLength = 200;
            this._super();
        }
    };

    return function (targetWidget) {
        $.widget('mage.quickSearch', targetWidget, formMiniWidgetMixin);

        return $.mage.quickSearch;
    };
});

删除magentos搜索建议功能？

4 个答案: