Экстра HTML

Тема в разделе "Готовые модули и модификаторы. Бесплатно", создана пользователем Tom, 6 сен 2024.

  1. Tom

    Tom Специалист

    Сообщения:
    1.052
    Симпатии:
    382
    HTML extra
    Этот модификатор позволяет вам добавлять HTML-контент в определенные места на страницах вашего магазина, используя при этом встроенный в Opencart модуль HTML (HTML содержимое).
    Руководство по использованию:
    Если у вас возникла необходимость, вывести некий произвольный текст, видео, анимацию, изображение итд итп на определённой странице и в определённом месте, это дополнение легко в этом поможет, без необходимости править файлы магазина. Всё что для этого нужно , указать элемент к которому будет идти привязка нужного вам содержимого (его селектор) и положение До - После - Внутри.
    Данный модификатор не создаёт новый модуль , а добавляет эти функции встроенному в Opencart модулю HTML.
    Что такое CSS-селектор?
    CSS-селектор - это способ указать, к какому элементу на странице вы хотите привязать ваш HTML-контент.
    Это похоже на адрес, который говорит модулю, где именно разместить ваш контент.

    2. Как определить CSS-селектор?

    • Откройте страницу вашего магазина в браузере.
    • Щелкните правой кнопкой мыши на элемент, рядом с которым хотите разместить контент.
    • Выберите "Просмотреть код" или "Инспектировать элемент".
    • В открывшейся панели разработчика найдите выделенный элемент.
    • Щелкните правой кнопкой мыши на этот элемент в коде и выберите "Copy > Copy selector" (или выделите и нажмите ctrl+C).
    3. Как использовать модуль:

    1. Зайдите в админ-панель вашего магазина.
    2. Перейдите в раздел "Модули" > "HTML" (возможно перевод выглядит как "HTML содержимое).
    3. Нажмите кнопку "Добавить" для создания нового HTML-блока.
    4. Заполните следующие поля:
      • Название модуля (для вашего удобства)
      • HTML-содержимое (ваш контент)
      • CSS-селектор (куда вставить контент). Вставьте ранее скопированный код (ctrl+V).
      • Позиция:

        "До" - контент появится перед выбранным элементом

        "После" - контент появится после выбранного элемента

        "Внутри" - контент появится внутри выбранного элемента

    5. Выберите статус "Включено" и сохраните модуль.
    Примеры использования:

    1. Добавить баннер перед основным содержимым:
      • CSS-селектор: "#content"
      • Позиция: "До"

    2. Добавить текст после футера:
      • CSS-селектор: "footer"
      • Позиция: "После"

    3. Добавить содержимое внутрь боковой колонки:
      • CSS-селектор: "#column-left"
      • Позиция: "Внутри"

    Не бойтесь экспериментировать! Вы всегда можете изменить настройки или отключить модификатор, если результат вас не устроит.
    Модификация позволяет добавлять нужный вам контент по сути в любой части страницы.
    Так же не забывайте, что модуль нужно добавить в Схемах/Макетах и именно на этих страницах и будет выводится нужное вам содержимое , практически в любом месте страницы.

    Имеется адаптация под шаблон Unishop2.
    Выкладываю "as is" (как есть). Тех/поддержка не предусмотрена.
     

    Вложения:

    • html_extra.ocmod.zip
      Размер файла:
      2,3 КБ
      Просмотров:
      15
    • 1.png
      1.png
      Размер файла:
      107 КБ
      Просмотров:
      27
    • 2.png
      2.png
      Размер файла:
      329,9 КБ
      Просмотров:
      20
    Последнее редактирование: 6 сен 2024
    Ravilr и Romans нравится это.
  2. Ravilr

    Ravilr Специалист

    Сообщения:
    4.209
    Симпатии:
    1.449
    Спасибо за модификатор. Еще бы в описании добавить, что добавление происходит посредством js. На случай, вдруг кто изменения будет искать в исходники.
     
  3. Tom

    Tom Специалист

    Сообщения:
    1.052
    Симпатии:
    382
    Всё верно. Сам скрипт находится в папке темы, в заменяющем шаблоне файла
    catalog\view\theme\default\template\extension\module\html_2.twig
     
    Последнее редактирование: 9 сен 2024