HTML extra [support]

[Tom]

HTML extra

• Добавил
  Tom
• Добавлено
  25.08.2024
• Категория
  Прочие Решения

Просмотр файла

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" (как есть). Тех/поддержка не предусмотрена.