Opencart 3.x - Оформляем 404 Страницу

Тема в разделе "Шаблоны, дизайн и оформление магазина", создана пользователем admin, 12 июл 2018.

  1. TopicStarter Overlay
    Offline

    admin Команда форума Администратор

    Сообщения:
    2.726
    Симпатии:
    129.316
    Репутация:
    215
    Всем привет, как вы знаете стандартная страница ошибки– информация не найдена (404 ошибка), в OpenCart очень лаконичная и не интересная, именно поэтому я решил написать статью о её доработке, надеюсь статья вам будет полезна.

    opencart-404-01.jpg opencart-404-02.jpg
    Список задач на сегодня:
    1. Ищем симпатичную картинку (самостоятельно)
    2. Работаем с файлом шаблона (twig)
    3. Работаем с файлом перевода (php)
    4. Работаем с файлом стилей (css)
    Приступим:

    1. Ищем в интернете симпатичную картинку, мой выбор пал вот на такую (просто для примера):

    404.gif

    (P.S. – я назвал картинку 404, разрешение gif, обязательно запомните название и формат своей картинки – эта информация понадобится вам в следующем шаге)

    Заходим на ftp и переходим:

    ваш домен/public_html/image

    или:

    ваш домен/image

    помещаем в папку image наше изображение (в моём случае это 404.gif)

    2. Открываем файл ../catalog/view/theme/default/template/error/not_found.twig и вместо этой строки (18):

    Код:
    <p>{{ text_error }}</p>
    вставляем эти строки:

    Код:
    <div class="row">
    <div class="col-sm-4">
    <img src="image/404.gif" title="404 error" class="img-responsive">
    </div>
    <div class="col-sm-8">
    <p class="text-404">{{ text_error }}</p>
    </div>
    </div>
    (P.S.не забываем сменить 404.gif на название и формат вашей картинки!)

    3. Открываем файл ../catalog/language/ru-ru/error/not_found.php и вместо этой строки (6):

    Код:
    $_['text_error']  = 'К сожалению, запрашиваемая Вами страница не найдена. Вероятно, Вы указали несуществующий адрес, страница была удалена, перемещена или сейчас она временно недоступна!';
    вставляем к примеру такой текст:

    Код:
    $_['text_error']  = 'К сожалению необходимая Вам информация не найдена, это могло произойти из за ошибки в наборе адреса, удалении или переименовании или временного отключения необходимой вам страницы, попробуйте воспользоваться формой поиска или свяжитесь с администрацией сайта!';
    (P.S.Естественно вы можете написать какой угодно текст – я дал этот просто для примера)

    4. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и в конец файла добавим эти строки:

    Код:
    #error-not-found h1 {
    text-align: center;
    }
    #error-not-found img {
    margin: 0 auto;
    }
    .text-404 {
    padding-top: 10px;
    }
    Чистим в админке все кеши и кеш вашего браузера!

    Результат:

    opencart-404-02.jpg