Opencart 3.x - Выводим Свои Страницы В Шапку Сайта И Дорабатываем Преимущества

Тема в разделе "Модули и дополнения", создана пользователем admin, 24 июн 2018.

  1. TopicStarter Overlay
    Offline

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

    Сообщения:
    2.701
    Симпатии:
    125.860
    Репутация:
    215
    Всем привет, в этой статья я рассажу вам как легко и быстро вывести свои ссылки в шапку сайта и доработать преимущества магазина – сделать текст и картинку преимущества ссылкой на созданную вами страницу.

    vivod-stranic-02.jpg

    Список задач на сегодня:
    1. Создаём информационные страницы
    2. Выводим ссылки на страницы в шапку сайта
    3. Добавляем преимуществу магазина свою ссылку
    Приступим:

    1. Открываем админку нашего магазина и переходим:

    Каталог –> Статьи –> Добавить –> Заполняем, к примеру так:

    vivod-stranic-01.jpg

    Запоминаем seo url вашей страницы, в моём случае это: oplata (3 вкладка SEO)

    Так-же заполняем страницу Доставка (если у вас её нет после установки cms), у меня эта страница уже есть, её seo url: delivery

    2. Заходим на ftp вашего сайта и переходим: ../public_html/catalog/view/theme/default/template/common/header.twig и после этих строк (41-43):

    Код:
    <nav id="top">
    <div class="container">{{ currency }}
    {{ language }}
    вставляем эти:

    Код:
    <div id="top-links" class="nav pull-left">
    <ul class="list-inline">
    <li><a href="oplata">Оплата</a></li>
    <li><a href="delivery">Доставка</a></li>
    </ul>
    </div>
    При необходимости можно подобрать разные иконки к нашим ссылкам, как всегда берём иконки здесь: fontawesome.com/v4.7.0/icons/, я выбрал вот такую стрелу:

    Код:
    <i class="fa fa-angle-right" aria-hidden="true"></i>
    и добавлю её к обоим нашим ссылкам, вместо этих строк (44-49):

    Код:
    <div id="top-links" class="nav pull-left">
    <ul class="list-inline">
    <li><a href="oplata">Оплата</a></li>
    <li><a href="delivery">Доставка</a></li>
    </ul>
    </div>
    я вставляю эти:

    Код:
    <div id="top-links" class="nav pull-left">
    <ul class="list-inline">
    <li><a href="oplata"><i class="fa fa-angle-right" aria-hidden="true"></i> Оплата</a></li>
    <li><a href="delivery"><i class="fa fa-angle-right" aria-hidden="true"></i> Доставка</a></li>
    </ul>
    </div>
    Почистим кеш:

    Админка –> Панель управления –> Настройки разработчика (синий плюс в правой части, под кнопкой выход) –> нажимаем обе кнопки обновить.

    Смотрим результат:

    vivod-stranic-02.jpg

    3. У нашего магазина есть преимущество Различные способы оплаты, будет логично прикрепить этому блоку ссылку на страницу Оплата – там у нас будет информация о том как оплатить заказ и какие способы доступны.

    Открываем админку и переходим:

    Модули / Расширения –> Модули / Расширения –> Преимущества –> Редактировать –> Вид: Код (Code View – Иконка </>) и вместо этого кода (3-6):

    Код:
    <div class="product-thumb transition">
    <div class="image"><img src="image/point-of-service.png"></div>
    <div class="caption">Различные способы оплаты</div>
    </div>
    вставляем этот:

    Код:
    <a href="oplata">
    <div class="product-thumb transition">
    <div class="image"><img src="image/point-of-service.png"></div>
    <div class="caption">Различные способы оплаты</div>
    </div>
    </a>
    Вновь нажимаем кнопку Вид: Код и нажимаем кнопку Сохранить.

    Результат:
    vivod-stranic-03.jpg
    Как видим всё легко и просто. На сегодня всё.
     
    nazis нравится это.