Ваш кошик порожній
Каталог дополнений
Статті та новини
Вставка віджетів, таких як Yandex.Карти, в магазин на платформі OpenCart може здатися складним завданням, яке потребує втручання в код сайту. Однак, використовуючи модуль IMAnyJsCss, цей процес стає простим і доступним навіть для тих, хто не має глибоких технічних знань.
→
Магазину OpenCart життєво необхідна надійна система резервного копіювання, щоб оперативно відновлюватися після збоїв, зламів і помилок розробників. Регулярне резервне копіювання, зберігання копій поза основним сервером і перевірка їх відновлення гарантують безпеку та стабільність роботи сайту.
→
У цій статті ми розглянемо покроковий алгоритм для виявлення та видалення вірусів із сайту, а також надамо рекомендації щодо захисту та запобігання повторним інцидентам. Дотримуючись цих інструкцій, ви зможете не лише очистити свій сайт, але й убезпечити його на майбутнє.
→
Модулі від halfhope тепер безкоштовні.
18 декабря 2024
Персоналізовані шаблони, Моніторинг файлової системи, Розширені схеми та інші модулі від автора halfhope тепер безкоштовні.
→Як вставити віджет Yandex.Карти в OpenCart у потрібному макеті за допомогою IMAnyJsCss?
Цілком типова задача – вставити який-небудь віджет, на зразок Яндекс.Карт або соціальних мереж, в певний макет OpenCart. Зазвичай це вирішується шляхом втручання в код магазину, що незручно і може призвести до різного роду проблем із модифікаторами та іншими елементами.
Однак є спосіб зробити це набагато простіше – це модуль IMAnyJsCss – Простий спосіб додати HTML, JS та CSS.
Далі розглянемо приклад, як можна вивести віджет Яндекс.Карт у картці товару через додавання модуля IMAnyJsCss у макет товарів.
Крок 1. Отримайте код віджета Яндекс.Карт.
Для прикладу згенерований код карти для випадкового міста, а саме «Тихвін».
Сам код:
<div style="position:relative;overflow:hidden;"><a href="https://yandex.ru/maps?utm_medium=mapframe&utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Яндекс Карти</a><a href="https://yandex.ru/maps/geo/tikhvin/53149626/?ll=33.664068%2C59.475135&utm_medium=mapframe&utm_source=maps&z=7" style="color:#eee;font-size:12px;position:absolute;top:14px;">Тихвін — Яндекс Карти</a><iframe src="https://yandex.ru/map-widget/v1/?ll=33.664068%2C59.475135&mode=poi&poi%5Bpoint%5D=33.542026%2C59.644153&poi%5Buri%5D=ymapsbm1%3A%2F%2Fgeo%3Fdata%3DCgg1MzE0OTYyNhJF0KDQvtGB0YHQuNGPLCDQm9C10L3QuNC90LPRgNCw0LTRgdC60LDRjyDQvtCx0LvQsNGB0YLRjCwg0KLQuNGF0LLQuNC9IgoNHSsGQhWtk25C&z=7" width="100%" height="400" frameborder="0" allowfullscreen="true" style="position:relative;"></iframe></div>
Крок 2. Встановіть модуль IMAnyJsCss і додайте модуль для виведення.
Крок 3. У полі Код HTML вкажіть потрібний код (у прикладі це код із кроку 1).
Інші поля, якщо вони вам не потрібні, можна відключити.
Крок 4. Відкрийте макет товарів.
Крок 5. Додайте модуль виведення IMAnyJsCss.
Тепер відкрийте будь-який товар. У цьому прикладі використовується шаблон UniShop2.
Як бачите, додати віджет за допомогою модуля IMAnyJsCss дуже просто, і це завдання виконується буквально за пару хвилин.
Також рекомендую звернути увагу на інші можливості модуля: можливість виведення заголовка, опису, окремого js-скрипту, власних css-стилів, а також підтримка мультимовності.
Рекомендуем посмотреть
Ещё никто не оставил комментариев к записи.
