-
2
-
Обновлений за месяц: 2
-
Zion WebEngine 24.11.15
15.11.2024
-
Zion WebEngine 24.11.12
12.11.2024
-
Как наладить поиск по сайту?
Эта инструкция предназначена для специалистов, знакомых с HTML, CSS и JS, как минимум
Как наладить поиск по сайту?
Компоненты, необходимые для организации текстовго поиска по сайту доступны в базовом комплекте поставке, но не на каждом сайте они настроены. То, что описано ниже, можно использовать именно в том виде, как описано, но желательно, результат оформить в стиле Вашего сайта.
Важно понимать, что введёная поискова строка будет искаться именно в том виде, в котором она будет введена. Морфология не учитывается. Порядок слов также не будет изменён. Чтобы обойти эти ограничения, можете фразы с другим порядком слов и в других падежах, временах, спряжениях и т.п. указывать в каких-либо скрытых полях, которые не будут видны на сайте. И указать эти поля как те, по которым также должен вестись поиск. Это будет описано ниже...
Создание формы поиска
Форму поиска (обычный HTML-код) можно написать прямо в шаблонах в элементе HTML-код веб-страницы, но это не самый продуманный вариант, если, вдруг, Вам понадобится быстро изменить один и тот же код сразу в нескольких шаблонах. Лучше создать одно редактируемое поле, в котором будет HTML-код формы. И уже это поле можно вставить во всех (нужных) шаблонах. Так в случае изменения кода в форме, он автоматически изменится во всех (нужных) шаблонах.
- Перейдите в раздел
Контент \ Редактируемые поля
(можно в другой подраздел раздела Контент) - Нажмите
Добавить новую запись
- Укажите любое название, например,
Форма поиска
- Укажите любой ID, например,
search-form
(дальше будет ориентироваться именно на такой ID) - Выберите шаблон
Многострочное поле без редактора
и нажмитеДобавить
. Если такого шаблона нет (был удалён), то ознакомьтесь с тем, как создать шаблон и вставить в него элементМногострочное поле без редактора
. - Вставьте в поле
Содержимое поля без редактора
(название может быть другое), код указанный ниже, скорректируйте его под свои нужды и сохраните изменения.
Пример кода:
<form method="post" action="/search/">
<input placeholder="Поиск..." type="text" name="search" value="{plugin:current_SearchText}" />
<input type="submit" value="Найти">
</form>
Для тега form
, можно изменить следующее:
method
- может быть, какpost
, так иget
. Во втором случае поисковый запрос будет доступен в адресной строке браузераaction
- здесь должен быть указан адрес страницы, на которой будут располагаться результаты поиска. В нашем случае это страница с IDsearch
. Далее будем ориентироваться именно на него, хотя ограничений на ID страницы с результатами поиска нет.
Поле, в котором будет вводиться поисковый запрос, обязательно должно иметь значение search
в свойстве name
. Изменить можно следующее:
type
- может быть любым, подходящим в Вашем случае, например,number
. Но в большинстве случаев лучше оставитьtext
илиsearch
.value
- можно оставить пустым или написать любой другой текст, который сразу же будет отображаться в поле для ввода поискового запроса. Чтобы автоматически отобразить здесь только что введённый поисковый запрос, напишите{plugin:current_SearchText}
Других ограничений или обязательных требований нет. Для отправки формы можете использовать, как <input type="submit">
, <input type="image">
, <button type="submit"></button>
, так и любой другой, допустимый в HTML, вариант.
Естественнно, код формы нужно оформить в стиле Вашего сайта, если он сильно выделяется на фоне других элементов интерфейса
Код формы поиска, например, имеющей вид {plugin:content;id:search-form;value:multistringfield_1_value}
, будет виден ниже поля Содержимое поля без редактора
(название может быть другое). Скопируйте его и вставьте в элемент HTML-код веб-страницы
во всех нужных шаблонах. Если код формы не виден, то на панели инструментов нажмите кнопку Подсказки и помощники по вставке плагинов и свойств: показать
.
Создание списка результатов поиска
Список результатов поиска отображается также, как любой другой список или любое меню - с помощью плагина универсального меню.
- Перейдите в раздел
Справочники \ Оформление меню
нажмитеДобавить новую запись
- Нажмите
Добавить новую запись
- Укажите любое название, например,
Результаты поиска
- Укажите любой ID, например,
search-results
(дальше будет ориентироваться именно на такой ID) и нажмитеДобавить
Далее в самом простом случае достаточно заполнить только поле HTML-код обычной записи
, например, таким кодом:
<p>
<a href="{content_url_value}">{content_name}</a>
</p>
Чуть более сложный вариант, в котором также будет отображён путь к найденным страницам при условии, что вариант меню с ID path
существует (не было удалён):
<p>
<a href="{content_url_value}">{content_name}</a>
<br />
{plugin:menu;id:path;select:path;factor:{content_id}}
</p>
Если учесть, что результатов поиска может быть много, то лучше разбивать список на несколько подстраниц. Тогда также нужно заполнить следующие поля, например, следующими кодами:
- HTML-код до списка подстраниц:
<p><a href="{menu_subpage_firsturl}" title="В начало списка">«</a>
- HTML-код после списка подстраниц:
<a href="{menu_subpage_lasturl}" title="В конец списка">»</a></p>
- HTML-код обычного элемента списка подстраниц:
<a href="{menu_subpage_url}">{menu_subpage}</a>
- HTML-код активного элемента списка подстраниц:
<a href="{menu_subpage_url}">{menu_subpage}</a>
Код меню тоже желательно оформить в стиле Вашего сайта, если он сильно отличается от других элементов интерфейса. Ограничений или обязательных требований по части HTML-кода - нет.
Осталось только вставить код для вызова списка результатов поиска в основной текст страницы c ID search
(либо с другим ID, который указан в форме поиска), либо в HTML-код её шаблона.
Код может быть, например, таким:
{plugin:menu;id:search-result;search:{plugin:current_SearchText};inlist:20;maxsubpages:10;factor:.;select:children-all;sort:name}
Вы можете использовать другие параметры для вызова плагина универсального меню. Важно обратить внимание на следующие:
id
: должен быть равен ID списка (меню), созданного для отображения результатов поискаtypes
: здесь можно через запятую перечислить типы, записи, которых Вам нужны. Например, если нужны новости и товары, то напишитеnews,goods
. Если ничего не указывать, то поиск будет вестись по записям всех типов.select
: в большинстве случаев больше других вариантов подойдётall
(поиск будет вестись по всей струтуре сайта). Также часто может быть полезен вариантchildren
(для поиска только по непосредственным подразделам того, что указано вfactor
). И также может быть полезен вариантchildren-all
(для поиска по всем подразделам того, что указано вfactor
). Последний вариант даёт самую высокую нагрузку на веб-сервер, поэтому не является предпочтительным, если другие варианты дают схожий результат.search
: здесь должна быть указана поисковая фраза. Чтобы автоматически указать здесь то, что было введено в форме поиска, напишите{plugin:current_SearchText}
.search-cols
: здесь через запятую можно указать поля, по которым будет вестись поиск. По умолчанию используется такое значение:id,name,seo_title,seo_description,seo_keywords,maintext_value
. Вы также можете добавить в этот список другие поля, в том числе те скрытые поля, про которые написано в начале данной статьи.factor
: не будет иметь значение, если вselect
указаноall
. Для других, описанных выше, вариантов здесь можно указать ID той страницы, подразделы которой нам важны в поиске, например,catalog
для поиска товаров и их категорий. Если нужно указать самый верх структуры (для поиска по всем её подразделам), укажите точку -.
inlist
: позволит не выводить огромное количество результатов поиска на одной странице, а разбить список на несколько подстраниц, ограничив каждую максимально допустимым, указанным здесь количеством записейmaxsubpages
: позволит ограничить количество подстраниц с результатами поиска на случай, если их будет слишком многоsort
: даст возможность организовать один из вариантов сортировки
Zion WebEngine Что такое Комплект поставки? Что такое Панель инструментов? Веб-браузер Веб-сервер/Хостинг Основной текст Пагинация/Подстраницы Поиск текста Помощники/Мастеры/Инструкции/Подсказки Сайт-каталог Формы Что такое Плагины? Как редактировать Контент? Что такое Тип контента? Что такое Шаблон контента? Что такое Элементы? Элемент "HTML-код веб-страницы" Элемент "Адрес" Элемент "Место в структуре" Плагин Menu
Эта инструкция предназначена для специалистов, знакомых с HTML, CSS и JS, как минимум
CMS Zion WebEngine является бесплатной системой. Развивается за счёт рекламы, помощи веб-студии #webZion и других спонсоров.
Будем рады, если Вы поддержите нас любой суммой, а также поделитесь идеями на счёт каких-либо улучшений и доработок для CMS...
Заранее, большое, спасибо
|
Блог обновлений
Zion WebEngine 24.11.15
- Доработаны классы для интеграции с Яндекс.Карты и Google reCAPTCHA (спасибо Киокушин Online)
- Актуализированы инструкции для настройки интеграции с картографическим веб-сервисом и веб-сервисом защиты от спама
Zion Catalog Zion Mail Back Классы Помощники/Мастеры/Инструкции/Подсказки Спам Файлы/Папки
Zion WebEngine 24.11.12
- Доработаны элемент
Файл
и вспомогательный класс для работы с изображениями (спасибо Киокушин Online)- Устранены недочёты в методе заказчки файлов/изображений, которые использовались только для нестандартного функционала
Zion WebEngine Zion Pub Hub Изображение Классы Файлы/Папки Элементы Что такое Элементы?
Zion WebEngine 24.10.10
- Доработан плагин
MailBack
(спасибо Docke Prof)- Скорректировано отображение формы обратной связи
- Для некоторых элементов формы присвоены дополнительные CSS-классы, чтобы было проще кастомизировать оформление формы под нужны конкретного проекта
Zion Mail Back Обратная связь/Обратный звонок Плагины Формы Что такое Плагины?
Zion WebEngine 24.08.20
- Доработаны класс для управления заказами и настраиваемый модуль для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Реализована возможность отправлять в ЮКассу комментарий к заказу
- Реализована возможность использования нестандартных реакций на заказы
Zion Catalog Zion xPayment Классы Корзина для заказов Настраиваемые модули Реакции на заказ Способы оплаты Что такое Классы?
Zion WebEngine 24.07.31
- Доработаны класс для управления способами оплаты и настраиваемый модуль для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Разработка нового способа оплаты завершена
Zion Catalog Zion xPayment Классы Настраиваемые модули Способы оплаты
Zion WebEngine 24.07.29
- Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Устранены недочёты при связи с платёжной системой - ведётся тестирование
Zion WebEngine 24.07.26
- Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Устранены некоторые недочёты - ведётся тестирование
Zion WebEngine 24.07.25
- Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Устранены некоторые недочёты - ведётся тестирование
- Доработан класс для управления базой данных:
- Теперь отображаются корректные заголовки в таблице со списком заказов
Zion WebEngine Zion xPayment База данных/Таблицы данных Классы Корзина для заказов Настраиваемые модули Способы оплаты Что такое Классы?
Zion WebEngine 24.07.24
- Продолжена разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Внедрён весь необхоимый функционал - ведётся тестирование
Zion WebEngine 24.07.19
- Начата разработка настраиваемого модуля для онлайн-оплаты через ЮКасса (спасибо Киокушин Online)
- Доработан настраиваемый модуль для онлайн-оплаты через Тинькофф:
- Упразднены некоторые недочёты, не влияющие на корректность прохождения платежей
Zion WebEngine 24.07.17
- Доработаны классы для управления проектом, а также меню и списками (спасибо Киокушин Online):
- Упразднены некоторые архаизмы
Zion WebEngine 24.07.15
- Доработаны меню администратора для ядра и галерей, помощник по вставке плагина меню, а также классы для управления транспортными компаниями, меню и списками, галереями и слайдами (спасибо Киокушин Online):
- Всё содержимое раздела
Навигация
"переехало" в разделСправочники
- Всё содержимое раздела
Zion WebEngine Zion xDelivery Zion Gallery Что такое Меню администратора? Галереи/Слайды Классы Меню/Списки/Навигация Меню администратора Плагины Помощники/Мастеры/Инструкции/Подсказки Способы доставки/самовывоза
Zion WebEngine 24.07.11
- Доработаны класс управления корзиной заказов и административные CSS-стили (спасибо Киокушин Online):
- Меню администратора стало более компактным, что может быть полезно при большом количестве типов контента, которые раньше могли не помещаться на экране
- Расширены возможности по кастомизации формы заказа для интернет-магазинов
Zion WebEngine Zion Catalog Интернет-магазин Классы Контент/Контентные единицы Корзина для заказов Меню администратора Типы Формы Что такое Тип контента?
Zion WebEngine 24.07.10
- Доработаны административные скрипты (спасибо ТК Кило):
- Удалён устаревший, более не использующийся для связей функционал
- Доработан класс для управления HTTP-ошибками:
- Более корректно налажена отправка HTTP-заголовков с кодами ошибок
Zion WebEngine Классы Связи Страницы ошибок Что такое Классы?
Zion WebEngine 24.07.09
- Доработан класс для управления пользователями (спасибо Киокушин Online):
- Более корректно указаны названия для некоторых новых полей в форме правки данных о пользователе
Zion WebEngine Доступы/Пользователи Классы Формы для пользователей
Zion WebEngine 24.07.08
- Доработан главный файл гостевого интерфейса:
- Устранены проблемы в одном из недавних обновлений CMS
Zion WebEngine Что такое CMS Zion WebEngine? Гостевой интерфейс Обновления CMS Страницы ошибок
Zion WebEngine 24.07.05
- Доработан класс для управления пользователями (спасибо Киокушин Online):
- Расширены возможности некоторых форм для пользователей и их обработчиков
Zion WebEngine Доступы/Пользователи Классы Обработчики Формы для пользователей Что такое Классы?
Zion WebEngine 24.07.04
- Доработаны классы для управления проектом, пользователями, базой данных и интеграцией с Рекламной сетью Яндекса, а также главный файл гостевого интерфейса, монитор очистки и файлы настроек доступа по умолчанию, плюс создан класс для управления HTTP-ошибками:
- Улучшена интеграции с Рекламной сетью Яндекса
- Сильно переработан принцип работы со страницами ошибок
- Значительно уменьшен размер дистрибутива
Zion WebEngine Что такое система Мониторинга? База данных/Таблицы данных Баннеры Гостевой интерфейс Доступы/Пользователи Классы Мониторинг Страницы ошибок
Zion WebEngine 24.07.01
- Доработан плагин универсального меню (спасибо Киокушин Online):
- Устранены недочёты с сортировкой чисел по убыванию
Zion WebEngine Меню/Списки/Навигация Плагины Число Плагин Menu
Zion WebEngine 24.06.26
- Доработан класс для управления пользователями (спасибо ЛеоСталь):
- Устранены некоторые недочёты с отображением даты регистрации пользователей в административном интерфейсе
- Доработан класс для управления проектом:
- Снова стало доступно отображение иконок для пунктов меню администратора
- Создан отдельный класс интеграции с Рекламной сетью Яндекса
Zion WebEngine Что такое Меню администратора? Административный интерфейс Баннеры Дата/Время/TimeMashine Доступы/Пользователи Классы Меню администратора
© 2005-2024 Все права защищены | Поддержку осуществляет веб-студия #webZion