Скрипт корпоративного сайта с витриной товаров

О языке

Интерфейс сайта и панели управления доступен на турецком и английском языках. Язык сайта и язык панели выбираются отдельно в разделе «Site Ayarları» (Настройки сайта); язык панели можно также переключить значком глобуса в правом верхнем углу панели.

Можно добавить и другие языки: скопируйте файл en.php из папки dil пакета и переведите его (шаги описаны в dil/OKUBENI.txt). Добавленный язык автоматически появляется в списках языков в настройках сайта, а обновления не затрагивают ваши языковые файлы. Непереведённые тексты отображаются на английском языке; при желании их можно показывать на турецком.

Материалы, которые вы публикуете (товары, услуги, проекты, страницы, записи блога и так далее), не переводятся: они остаются на том языке, на котором вы их пишете. Предупреждающие сообщения и форматы дат соответствуют выбранному языку. Письма из форм, которые приходят вам, пишутся на языке панели.

Когда на этой странице упоминается раздел панели или сайта, его название приведено так, как оно выглядит в турецком интерфейсе, в кавычках, а перевод — в скобках; в английском интерфейсе те же разделы отображаются под английскими названиями.

Для кого подходит

Создан для компаний, производителей и дилеров, которые хотят показывать свои товары без интернет-магазина и собирать запросы на предложение, а также для агентств, которые делают для них сайты. На собственном домене вы представляете товары, услуги, проекты, команду, отзывы клиентов, частые вопросы и статьи. На странице каждого товара есть кнопка «Teklif İste» (Запросить предложение); она открывает форму обратной связи с названием товара. Корзины и онлайн-оплаты на сайте нет: посетитель смотрит товар и запрашивает предложение.

Программировать не нужно. Установку выполняет мастер в браузере, а материалы вы вводите в панели управления.

Возможности сайта

Витрина товаров и «Teklif İste» (Запросить предложение)

• Витрина товаров: на странице «Ürünler» (Товары) каждый товар показан карточкой: изображение, название, краткое описание и цена. Список отсортирован так, что самый новый товар идёт первым. Название пункта меню по умолчанию — «Ürünler»; на странице «Menü İsimleri» (Названия меню) вы меняете его на своё слово.
• Страница товара: у каждого товара своя страница. Вы загружаете до трёх изображений; при нажатии на маленькое изображение большое меняется. На странице есть название товара, цена, краткое описание, метки и описание товара с форматированным текстом. Внизу показываются три других товара.
• Цена и скидка: цену вы вводите в турецких лирах. Если оставить поле цены пустым или указать 0, товар показывается без цены. Если вы укажете процент скидки, цена со скидкой показывается рядом со старой, зачёркнутой ценой.
• «Teklif İste» (Запросить предложение): на карточке и на странице товара есть кнопка «Teklif İste». Она открывает страницу контактов; название товара показывается в форме, а в сообщении появляется заготовка «… ürünü için teklif almak istiyorum.» (Хочу получить предложение по товару …). Посетитель может изменить заготовку, добавить имя, e-mail и телефон и отправить сообщение. Сообщение попадает в список «Mesajlar» (Сообщения) в панели. Если в «Menü Düzeni» (Структура меню) пункт «İletişim» (Контакты) отключён, кнопки «Teklif İste» не показываются.
• Товары на главной странице: шесть самых новых товаров, у которых вы отметили пункт «Ana sayfada gösterilsin mi?» (Показывать на главной странице), попадают на главную страницу. Если товаров больше, появляется ссылка «Tüm Ürünler» (Все товары).
• Включение и отключение витрины: если в «Menü Düzeni» (Структура меню) отключить «Ürünler» или если не осталось опубликованных товаров, ссылки в меню и в нижней части сайта, блок товаров на главной странице и страницы товаров убираются; адреса раздела «Ürünler» показывают страницу «страница не найдена» (404).
• Настройки для поисковиков у каждого товара: для каждого товара можно ввести SEO-заголовок, описание и ключевые слова; если оставить их пустыми, заголовок берётся из названия товара, а описание — из краткого описания или подробного текста. Ключевые слова показываются на странице товара как метки. Изображением при публикации в соцсетях служит первое изображение товара.

Главная страница и внутренние страницы

• Главный экран из нескольких слайдов: слайды добавляются в разделе «Slider». Для каждого слайда вы указываете три строки текста; текст кнопки, её ссылка и изображение необязательны (кнопка показывается, только если заполнены и текст, и ссылка). Изображение слайда становится фоном главного экрана. В ссылке кнопки можно указать страницу самого сайта (например, urunler) или внешний адрес. Показывается не больше десяти слайдов. Если слайдов несколько, главный экран меняется плавным затуханием, внизу появляются точки, а слайды сменяются сами; на устройствах с включённой настройкой уменьшения анимации автоматическая смена отключена. Если слайдов нет, показываются заголовок и описание сайта.
• Главная страница: по порядку идут главный экран, краткий блок «Hakkımızda» (О нас), счётчики, услуги, товары, проекты, команда, логотипы референсов, отзывы клиентов и три последние записи блога. Блок без записей не появляется.
• Счётчики: в разделе «Kilometre Taşı» (Вехи) вы вводите заголовок, число и значок; значок выбирается из готового списка (проект, клиент, сотрудник, награда, здание, земной шар, поддержка и другие, всего 26). На главной странице числа растут с нуля, когда попадают в поле зрения; на устройствах с включённым уменьшением анимации они показываются сразу. Счётчик с числом 0 не показывается.
• Услуги: для каждой услуги вы вводите название, изображение, краткое описание и подробный форматированный текст; есть параметры публикации и показа в верхнем меню. На главной странице первые шесть услуг показаны карточками, для остальных появляется ссылка «Tümünü Gör» (Смотреть все); на странице «Hizmetler» (Услуги) показаны все. У каждой услуги своя страница; выбранные вами услуги появляются в верхнем меню выпадающим списком.
• Витрина проектов с фильтром: проекты вы распределяете по категориям и публикуете с названием, изображением и подробным форматированным текстом. Кнопки категорий на странице «Projeler» (Проекты) фильтруют список по категории без перезагрузки страницы. На главной странице показывается не больше десяти проектов в виде карточек с изображением вместе с кнопками категорий; у каждого проекта своя страница.
• «Hakkımızda» (О нас): заголовок и форматированный текст; ниже идут список «Öne Çıkanlar» (Преимущества), команда, частые вопросы и последние записи. Краткий текст, заголовок и изображение на главной странице — отдельные поля.
• «Öne Çıkanlar» (Преимущества): свои сильные стороны вы вводите короткими заголовками. На странице «Hakkımızda» (О нас) они показываются списком с галочками; если не ввести ни одной записи, список не появляется.
• Частые вопросы: вопросы и ответы вы вводите в панели. Они показываются на странице «Hakkımızda» (О нас) раскрывающимся списком; первый вопрос открыт, а когда посетитель нажимает на другой, открывается его ответ. Если не введён ни один вопрос, блок не появляется.
• Команда: вы представляете сотрудников с именем и фамилией, должностью и фотографией. Команда показывается на главной странице (не больше восьми человек), на страницах «Hakkımızda» (О нас) и «Blog», а также на страницах отдельных услуг и проектов; неопубликованный сотрудник не показывается.
• Отзывы клиентов: вы вводите имя и фамилию, должность, отзыв и, по желанию, фотографию. Отзывы показываются в карусели на главной странице; на широком экране видны два отзыва, на узком — один.
• Референсы: полоса логотипов из названий и логотипов референсов показывается на главной странице и медленно движется; на устройствах с включённым уменьшением анимации движение отключено.
• Блог: вы публикуете статьи с заголовком, изображением, кратким текстом и форматированным текстом. Имя автора указывать необязательно. Время добавления записи сохраняется автоматически и показывается в виде «3 дня назад». Список отсортирован так, что самая новая статья идёт первой; три последние статьи показываются на главной странице и внизу большинства внутренних страниц. Неопубликованная статья на сайте не появляется.
• Дополнительные страницы: в панели вы добавляете сколько угодно страниц (например, уведомление о конфиденциальности KVKK или страницу о вакансиях). В разделе «Menüler» (Меню) вы создаёте заголовок меню и показываете страницу под ним в верхнем меню выпадающим списком; при желании добавляете её и в список «Hızlı Menü» (Быстрое меню) внизу сайта.

Формы и контакты

• Страница контактов: форма с полями «имя и фамилия», e-mail, телефон и сообщение, все поля обязательны. На странице есть список адреса, телефона, e-mail и часов работы, а при желании рядом с формой изображение и карта (код встраивания Google Maps или OpenStreetMap); незаполненные данные, изображение и карта не показываются.
• Поле «Bilgi al» (Получить информацию): оно находится внизу сайта, на каждой странице. Посетитель вводит только e-mail и отмечает согласие KVKK; запись попадает в список «Mesajlar» (Сообщения) в панели.
• Письма вам: после настройки «E-posta Ayarları» (Настройки e-mail) и включения уведомлений сообщения из формы обратной связи, «Teklif İste» и из поля «Bilgi al» приходят вам и по e-mail. Когда вы отвечаете на письмо, ответ уходит на адрес посетителя. Даже без настройки e-mail сообщения собираются в панели.
• Флажок согласия KVKK: обязателен в форме обратной связи и в поле «Bilgi al». KVKK — закон Турции о защите персональных данных. Ссылка на уведомление о конфиденциальности ведёт на страницу, которую вы выбираете в разделе «Site Ayarları» (Настройки сайта); та же ссылка есть и в «Hızlı Menü» (Быстрое меню) внизу сайта. Текст из примеров материалов — только образец; собственное уведомление о конфиденциальности вам нужно подготовить самостоятельно.

Меню, заголовки и внешний вид

• Названия и структура меню: на странице «Menü İsimleri» (Названия меню) вы пишете своими словами названия «Hakkımızda» (О нас), «Ürünler» (Товары), «Hizmetler» (Услуги), «Projeler» (Проекты), «Blog» и «İletişim» (Контакты). На странице «Menü Düzeni» (Структура меню) вы по одному включаете и отключаете эти пункты. Отключённый раздел исчезает из меню и из быстрого меню внизу сайта, а его страницы показывают «страница не найдена» (404); блоки услуг, товаров, проектов и блога на главной странице тоже не показываются. «Ek Sayfalar» (Дополнительные страницы) только показываются или скрываются в верхнем меню, а сами страницы остаются доступными всегда; доступ к таким страницам, как уведомление KVKK, не закрывается. Если названия меню становятся слишком длинными и не помещаются в одну строку, верхнее меню само переключается на мобильное.
• Заголовки и тексты: на странице «Başlıklar ve yazılar» (Заголовки и тексты) вы меняете заголовки блоков главной страницы, заголовки полосы счётчиков, команды, отзывов, блога, частых вопросов и формы обратной связи и заголовок «Bilgi al» в нижней части сайта; у каждого поля указано, где оно появляется на сайте. Некоторые заголовки, оставленные пустыми, на сайте не выводятся.
• Логотип, favicon и изображение: тёмный логотип используется в верхнем меню, светлый — внизу сайта; favicon показывается во вкладке браузера. На странице «Görseller» (Изображения) вы меняете изображение на странице контактов.
• Цвет: основной цвет из «Site Ayarları» (Настройки сайта) применяется к кнопкам, ссылкам, меню и активным элементам.
• Контактные данные и соцсети: вы вводите телефон, e-mail, адрес и часы работы, а также ссылки на Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok и WhatsApp. Телефон, e-mail и часы работы показываются в тонкой полосе вверху страницы (на планшете и компьютере) и на странице контактов, а ссылки на соцсети — в полосе и внизу сайта, причём только заполненные.
• Подпись в подвале: надпись «TiklaWeb tarafından geliştirildi» (Разработано TiklaWeb) внизу сайта можно изменить или убрать.

Мобильные устройства и поисковые системы

• Адаптация под мобильные: сайт подстраивается под экраны телефона, планшета и компьютера; на маленьких экранах меню превращается в мобильное, которое открывается касанием.
• Свои заголовок и описание у каждой страницы: у каждой страницы есть собственный заголовок («Страница | Компания»), описание и теги для соцсетей (Open Graph). Для товаров, услуг, проектов, записей блога и дополнительных страниц заголовок, описание и ключевые слова можно дополнительно ввести в панели; у товаров, услуг, проектов и записей изображением при публикации в соцсетях служит собственное изображение материала. Заголовок, описание и ключевые слова сайта вводятся в разделе «Site Ayarları» (Настройки сайта).

Панель управления

• «Gösterge Paneli» (Сводка): количество услуг, проектов, записей и сообщений, а также список десяти последних сообщений. В боковом меню количество сообщений показано значком.
• «Mesajlar» (Сообщения): сообщения из формы обратной связи, кнопки «Teklif İste» и из поля «Bilgi al» собираются в одном списке. В списке видны имя, телефон, e-mail и дата; в окне подробностей вы читаете сообщение, а запись можно удалить.
• «Ürünler» (Товары): вы добавляете товар с названием, ценой, скидкой, тремя изображениями, статусом публикации, параметром показа на главной странице, кратким описанием, подробным форматированным текстом и полями SEO; из списка товар можно изменить или удалить.
• Управление материалами: вы добавляете, изменяете и удаляете материалы в разделах «Slider», «Hizmetler» (Услуги), «Projeler» (Проекты, с категориями), «Blog», «Sayfalar» (Страницы, с заголовками меню), «Takım» (Команда), «Öne Çıkanlar» (Преимущества), «Kilometre Taşı» (Вехи), «Müşteri Yorumları» (Отзывы клиентов), «Referanslar» (Референсы), «Sıkça Sorulan Sorular» (Частые вопросы) и «Hakkımızda» (О нас). В полях с форматированным текстом используется редактор Summernote.
• «E-posta Ayarları» (Настройки e-mail): вы вводите SMTP-сервер, порт, шифрование, почтовую учётную запись, пароль и адрес для уведомлений; после включения уведомлений работают письма из формы обратной связи, «Teklif İste» и из поля «Bilgi al».
• «Site Ayarları» (Настройки сайта) и «İletişim Bilgileri» (Контактные данные): в «Site Ayarları» собраны заголовок сайта, ключевые слова, описание, строка копирайта, выбор цвета, страница KVKK, язык сайта, язык панели, логотипы и favicon. «İletişim Bilgileri» — отдельная страница: телефон, e-mail, адрес, ссылки на соцсети, часы работы и код карты.
• Пользователи и права: вы добавляете учётные записи с правами администратора, редактора и только для чтения. Редактор управляет разделами с материалами; «Kullanıcılar ve Yetkiler» (Пользователи и права), «Site Ayarları» (Настройки сайта), «İletişim Bilgileri» (Контактные данные), «E-posta Ayarları» (Настройки e-mail) и «Opsiyonel Kodlar» (Дополнительные коды) доступны только администратору. Права проверяются на стороне сервера.
• Восстановление пароля: по ссылке на странице входа в панель пароль сбрасывается по e-mail (если настроены «E-posta Ayarları» (Настройки e-mail)). Ссылка для сброса действует 1 час и используется один раз.
• «Opsiyonel Kodlar» (Дополнительные коды): вы добавляете собственный код (например, скрипт статистики) в верхнюю часть (head) и в конец сайта. Это поле доступно только администратору.

Установка и обновление

• Мастер установки из пяти шагов: требования, лицензия, база данных, данные сайта и администратора, завершение. Мастер сам проверяет ваш сервер.
• Язык установки: в мастере вверху справа выберите турецкий или английский язык. При установке на английском начальные материалы и примеры материалов тоже будут на английском.
• Установка с примерами материалов или пустая: вы начинаете с заполненного сайта, как в демо, и редактируете его, либо вводите материалы с нуля. Список сообщений в обоих случаях пуст.
• Обновление из панели: скачайте zip-пакет новой версии в личном кабинете tiklaweb.net и загрузите его на странице «Güncelleme ve Lisans» (Обновление и лицензия) панели управления. Перед этим создаётся резервная копия файлов и базы данных. При ошибке сайт возвращается в прежнее состояние. Загруженные изображения, настройки и материалы сохраняются.
• Проверенные пакеты: подпись пакета обновления проверяется; устанавливаются только пакеты, скачанные с tiklaweb.net.

Подробное руководство по установке входит в скачиваемый пакет в виде файла KURULUM.html (на турецком языке).

Лицензия

Каждая лицензия выдаётся на один домен, который вы указываете при заказе. После установки домен изменить нельзя; смена зоны того же домена (например, .net на .com) платная и выполняется по обращению в поддержку. Лицензия не передаётся бесплатно. На домене без лицензии сайт не открывается, а посетитель перенаправляется на страницу с предупреждением о лицензии. Для использования на другом домене нужна отдельная лицензия.

Технические характеристики

• PHP 8.2 или выше, MySQL или MariaDB
• Фреймворк: CodeIgniter 4. Сайт: Bootstrap 5 (только файл стилей), Swiper, Font Awesome Free 6 и jQuery; шрифты (Jost, Roboto) лежат в пакете локально, внешний сервис шрифтов не вызывается. Панель: Bootstrap 4 и редактор содержимого Summernote
• E-mail отправляется через PHPMailer 6.9; пароль SMTP хранится в зашифрованном виде. Данные формы сначала записываются в базу данных; если сервер это поддерживает, письмо отправляется после того, как посетитель получил ответ
• Тексты интерфейса хранятся в языковых файлах пакета (турецкий и английский уже есть, можно добавить новый язык)
• Подписанный токен формы и скрытое поле-ловушка в формах сайта, проверка CSRF при действиях в панели; ограничение попыток при входе в панель, сбросе пароля, в форме обратной связи и в поле «Bilgi al»
• Тип изображений, загружаемых из панели, проверяется по содержимому (JPG, PNG, WebP; не более 8 МБ), а при включённом расширении GD они преобразуются в WebP; в папке загрузок PHP не выполняется
• Поля с форматированным текстом в панели фильтруются на сервере при сохранении (HTMLPurifier); панель управления отправляет заголовок политики безопасности содержимого (CSP); пароли администраторов хранятся в виде хеша
• Блок карты принимает только адреса для встраивания Google Maps и OpenStreetMap
• Данные подключения к базе и резервные копии хранятся, если хостинг позволяет, в папке вне корня сайта
• Заголовки безопасности, HSTS при HTTPS; часовой пояс Europe/Istanbul
• Перед продажей проведён аудит безопасности, состоящий из проверки кода и испытаний атаками на работающей системе

Демо

Посмотрите сайт и панель управления в демо только для чтения. Демо установлено на турецком; в панели управления вы можете переключить язык панели на английский значком глобуса вверху справа (этот выбор сохраняется только в вашем браузере). Название компании, люди, отзывы, товары, цены, проекты, услуги и значения счётчиков в демо — образцы. В демо-панели в списке «Mesajlar» (Сообщения) вы увидите две примерные записи. Ссылки на соцсети и карта в демо не заполнены; после того как вы заполните их в панели, они появятся на сайте.

• Сайт: https://012.tiklaweb.net
• Панель управления: https://012.tiklaweb.net/panel
• E-mail для демо: demo@tiklaweb.net
• Пароль для демо: demo1234

В демо изменения сохранить нельзя; форма обратной связи, «Teklif İste» и поле «Bilgi al» не сохраняют записи и не отправляют e-mail. Демо сбрасывается каждую ночь. Чувствительные страницы, такие как настройки e-mail и пользователи, в демо-режиме недоступны для просмотра, а восстановление пароля в демо отключено. Эти данные для входа действуют только на демо-сайте. В установке, которую вы приобретёте, учётную запись администратора задаёте вы сами.

Поддержка

Если возникли трудности, создайте обращение в поддержку в личном кабинете tiklaweb.net или напишите на destek@tiklaweb.net.