Search the Community
Showing results for tags 'html'.
-
Version 5.4
Позволяет отображать произвольный HTML-код на страницах сайта с возможностью скрывать / развертывать текст и управлять отображением текста для определенных групп покупателей Возможности: Управление скриптом «Подробнее»; Управление на какие разрешения экранов будет работать скрипт; Управление уровнем заголовка H1-H6; Использование кастомного шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Отложенная загрузка изображений средствами браузера; Вставка видео; Размещение контента по изображению или видео; Мультиязычность. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно.$7 -
Version 2.1.1
Позволяет создавать и настраивать сетки текстовых блоков на вашем веб-сайте. С помощью этого инструмента вы можете легко создавать неограниченное количество текстовых блоков и настраивать их в соответствии с вашими потребностями и дизайном. Полная гибкость и контроль над размещением и содержанием текста на вашем веб-сайте. Возможности Расширения: Мультиязычность; Использование пользовательского шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Управление размерами изображений; Отложенная загрузка изображений средствами браузера; Вставка видео; Позиционирование блоков; Позиционирование медиа-контента в блоке; Добавление HTML атрибутов для раздела или блоков; Присвоение ссылок блокам; Добавление CSS классов и идентификаторов для раздела или блоков. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно.$9 -
Завантажити / Придбати розширення Html контент- отображение в указанных категория Модификация стандартного модуля HTML - контент , добавлена возможность отображать его только в нужных категория ! Автор alexandrkrot1993 долучення 10.12.18 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 3.0 2.3 2.2 2.1 OpenCart.Pro, ocShop Звернення до сервера розробника Нет
-
Version 1.01
252 downloads
Replacer выполняет достаточно трививальную задачу - делает поиск и замену заданных строк в финальном HTML. Он имеет простой интуитивный интерфейс, который позволяет создавать замены и сразу видеть их результат, редактировать HTML и текст прямо на страницах магазина. Это дополнение дает вам новый уровень свободы и контроля над магазином, позволяет делать множество вещей, которые раньше требовали копания в коде. Вот некоторые задачи, которые можно сделать за пару кликов в Replacerе: поменять любую надпись на странице убрать из цен вида 123.00 р. копейки для лучшей читабельности добавить нужный код счетчика или другого сервиса в любую часть страницы перебить ссылки на статические ресурсы на использование CDN на другом домене спрятать пустую корзину подправить код страницы согласно рекомендаций PageSpeed или других сервисов убрать Работает на Opencart из футера перевести на витрине на русский непереведенный модуль Установка простая - загрузить в установщик и обновить модификаторы. После этого появится пункт меню: При нажатии на него открывается интерфейс с чуть уменьшеной стартовой страницей вашего магазина: Страница вашего магазина сразу отображает все вносимые изменения, в ней можно переходить по ссылкам на другие страницы. Кнопка открывает окно добавления новой замены: В строках поиска и замены можно использовать звездочку (или несколько), она заменяет любое количество символов. Например, чтобы убрать все теги img со страницы, замените <img*> на пустую строку. Кнопка переключает окно страницы магазина в отображение ее исходного кода HTML: Сделаные замены подсвечиваются желтым в коде страницы. Если выделить какой-то кусок кода (зажать мышку и потянуть), то откроется окно создания новой замены для этого кода: Кнопка включает режим, в котором вы просто редактируете любой текст на странице, став туда курсором. Все изменения сразу прописываются в набор замен, которые в конце редактирования можно сохранить или отменить: При редактировании можно использовать клавиши Ctrl+B для переключения жирности, Ctrl+I для переключения курсива. Буду рад отзывам )Free -
9 При купівлі доступ до оновлень протягом 12 місяців. Після закінчення основного періоду доступ до оновлень можна продовжити 5.00 USD за 12 місяців Завантажити / Придбати розширення Текстовый Блок HTML PRO Позволяет создавать и настраивать сетки текстовых блоков на вашем веб-сайте. С помощью этого инструмента вы можете легко создавать неограниченное количество текстовых блоков и настраивать их в соответствии с вашими потребностями и дизайном. Полная гибкость и контроль над размещением и содержанием текста на вашем веб-сайте. Возможности Расширения: Мультиязычность; Использование пользовательского шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Управление размерами изображений; Отложенная загрузка изображений средствами браузера; Вставка видео; Позиционирование блоков; Позиционирование медиа-контента в блоке; Добавление HTML атрибутов для раздела или блоков; Присвоение ссылок блокам; Добавление CSS классов и идентификаторов для раздела или блоков. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно. Автор RoS долучення 02.12.23 Категорія Меню, дизайн, внешний вид Ioncube Loader Нет ocStore 3.0 OpenCart.Pro, ocShop Звернення до сервера розробника Нет
-
Version 3.0
Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей. Возможности модуля: 1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам. 2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url. 3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо). 4. Возможность замены блока полностью или только его содержимого. 5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery. 6. Копировать настройки из ранее созданных схем. 7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий. 8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока. $products - массив со всеми выбранными товарами. $product - данные текущего товара ( работает только в карточке товара). Данные продукта, которые могут использоваться в настройках: date_added: Дата создания date_available: Дата поступления date_modified: Дата изменения description: Описание ean: EAN height: Высота image: Изображение товара isbn: ISBN jan: JAN location: Расположение manufacturer: Наименование производителя manufacturer_id: Id производителя meta_description: Мета-тег Description meta_keyword: Мета-тег Keyword meta_title: Мета-тег Title minimum: Минимальное кол-во заказа model: Модель mpn: MPN name: Название товара price: Цена товара product_id: Id товара quantity: Кол-во товара sku: SKU sort_order: Сортировка status: Статус stock_status: Статус на складе stock_status_id: Id статуса на складе tag: Теги tax_class_id: Id налога upc: UPC weight: Ширина width: Длина Пример: вывод название текущего товара будет иметь вид $product.name; вывод цена 3-го товара из массива $products[2].price;. Можно задать лимит вывода товара из переменной $products. 9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода. 10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки. 11. Добавление своих настроек в библиотеку готовых решений. 12. Добавление неограниченного количества настроек к одной схеме товаров. 13. Автоматическое добавление нового товара к схеме. 14. Новый удобный фильтр 15. Добавлены переменные (стандартные переменные - данные товара) 16. Возможность создания и редактирования собственных переменных Преимущества модуля: Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный. Примеры использования: Создание посадочных страниц Создание тем и шаблонов Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку, (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. Добавить для категории блок с доставкой и гарантиями Добавить в моб версии кнопку позвонить и заказать у определенных продуктов У определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи Добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин Безграничные возможности Инструкция по установке и настройке версия 2.9 Demo Admin (demo/demo) ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ (очень удобный фильтр) , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ, ТАКЖЕ ПО СХЕМАМ . и !!!Новинка!!! если url содержит. ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ! Библиотека готовых решений 1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона Данное решение представлено на сайте https://newstone.com.ua/. Отображение в мобильной версии https://prnt.sc/w4lfvn 2. Перелинковка товаров При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели. Данное решение представлено на сайтах https://newstone.com.ua/CL-101AURORASNOW_pryamaya https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit Блок имеет вид https://prnt.sc/w4pf1i 3. Замена кнопки купить Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст 4. Автоматическая подгрузка товаров Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa 5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе) 6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po 7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий. 8. Полезная информация для клиента ( о доставка, гарантии и т.д.) Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта 9. Прелоадер перед загрузкой страницы Вывод индикатора загрузки страницы до полной загрузки страницы 10. Таймер обратного отчета Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней. Библиотека будет дополняться$20 -
Version 2
Очень часто нам нужно добавить произвольную информацию в виде html кода в карточку товара, как на уровне товара, так и в каждый товар категории... Данный модуль позволит добавить необходимой информации категорий и в карточке товара. Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Данные возможно выводить, как для отдельных товаров и категорий, так и для отдельных производителей, а также схем магазина. Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо). Модуль мультиязычный, прост в настройке и использовании. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery Любой код Demo: карточка товара Demo: категория Admin (demo/demo) Установка модуля: Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы.$20 -
Скачать / Купить дополнение Replacer: редактирование HTML и текстов магазина прямо на странице Replacer выполняет достаточно трививальную задачу - делает поиск и замену заданных строк в финальном HTML. Он имеет простой интуитивный интерфейс, который позволяет создавать замены и сразу видеть их результат, редактировать HTML и текст прямо на страницах магазина. Это дополнение дает вам новый уровень свободы и контроля над магазином, позволяет делать множество вещей, которые раньше требовали копания в коде. Вот некоторые задачи, которые можно сделать за пару кликов в Replacerе: поменять любую надпись на странице убрать из цен вида 123.00 р. копейки для лучшей читабельности добавить нужный код счетчика или другого сервиса в любую часть страницы перебить ссылки на статические ресурсы на использование CDN на другом домене спрятать пустую корзину подправить код страницы согласно рекомендаций PageSpeed или других сервисов убрать Работает на Opencart из футера перевести на витрине на русский непереведенный модуль Установка простая - загрузить в установщик и обновить модификаторы. После этого появится пункт меню: При нажатии на него открывается интерфейс с чуть уменьшеной стартовой страницей вашего магазина: Страница вашего магазина сразу отображает все вносимые изменения, в ней можно переходить по ссылкам на другие страницы. Кнопка открывает окно добавления новой замены: В строках поиска и замены можно использовать звездочку (или несколько), она заменяет любое количество символов. Например, чтобы убрать все теги img со страницы, замените <img*> на пустую строку. Кнопка переключает окно страницы магазина в отображение ее исходного кода HTML: Сделаные замены подсвечиваются желтым в коде страницы. Если выделить какой-то кусок кода (зажать мышку и потянуть), то откроется окно создания новой замены для этого кода: Кнопка включает режим, в котором вы просто редактируете любой текст на странице, став туда курсором. Все изменения сразу прописываются в набор замен, которые в конце редактирования можно сохранить или отменить: При редактировании можно использовать клавиши Ctrl+B для переключения жирности, Ctrl+I для переключения курсива. Буду рад отзывам ) Добавил MaxD Добавлено 03.12.2021 Категория Меню, дизайн, внешний вид Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Обращение к серверу разработчика Нет
-
20 Завантажити / Придбати розширення Модуль "Super Custom Html Fields" Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей. Возможности модуля: 1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам. 2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url. 3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо). 4. Возможность замены блока полностью или только его содержимого. 5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery. 6. Копировать настройки из ранее созданных схем. 7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий. 8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока. $products - массив со всеми выбранными товарами. $product - данные текущего товара ( работает только в карточке товара). Данные продукта, которые могут использоваться в настройках: date_added: Дата создания date_available: Дата поступления date_modified: Дата изменения description: Описание ean: EAN height: Высота image: Изображение товара isbn: ISBN jan: JAN location: Расположение manufacturer: Наименование производителя manufacturer_id: Id производителя meta_description: Мета-тег Description meta_keyword: Мета-тег Keyword meta_title: Мета-тег Title minimum: Минимальное кол-во заказа model: Модель mpn: MPN name: Название товара price: Цена товара product_id: Id товара quantity: Кол-во товара sku: SKU sort_order: Сортировка status: Статус stock_status: Статус на складе stock_status_id: Id статуса на складе tag: Теги tax_class_id: Id налога upc: UPC weight: Ширина width: Длина Пример: вывод название текущего товара будет иметь вид $product.name; вывод цена 3-го товара из массива $products[2].price;. Можно задать лимит вывода товара из переменной $products. 9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода. 10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки. 11. Добавление своих настроек в библиотеку готовых решений. 12. Добавление неограниченного количества настроек к одной схеме товаров. 13. Автоматическое добавление нового товара к схеме. 14. Новый удобный фильтр 15. Добавлены переменные (стандартные переменные - данные товара) 16. Возможность создания и редактирования собственных переменных Преимущества модуля: Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный. Примеры использования: Создание посадочных страниц Создание тем и шаблонов Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку, (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. Добавить для категории блок с доставкой и гарантиями Добавить в моб версии кнопку позвонить и заказать у определенных продуктов У определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи Добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин Безграничные возможности Инструкция по установке и настройке версия 2.9 Demo Admin (demo/demo) ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ (очень удобный фильтр) , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ, ТАКЖЕ ПО СХЕМАМ . и !!!Новинка!!! если url содержит. ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ! Библиотека готовых решений 1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона Данное решение представлено на сайте https://newstone.com.ua/. Отображение в мобильной версии https://prnt.sc/w4lfvn 2. Перелинковка товаров При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели. Данное решение представлено на сайтах https://newstone.com.ua/CL-101AURORASNOW_pryamaya https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit Блок имеет вид https://prnt.sc/w4pf1i 3. Замена кнопки купить Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст 4. Автоматическая подгрузка товаров Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa 5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе) 6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po 7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий. 8. Полезная информация для клиента ( о доставка, гарантии и т.д.) Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта 9. Прелоадер перед загрузкой страницы Вывод индикатора загрузки страницы до полной загрузки страницы 10. Таймер обратного отчета Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней. Библиотека будет дополняться Автор whiteblue долучення 29.10.19 Категорія Меню, дизайн, внешний вид Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет ocStore 3.0 2.3 OpenCart.Pro, ocShop Звернення до сервера розробника Да
- 63 replies
-
Завантажити / Придбати розширення Клон стандартного модуля HTML контент Клон стандартного модуля HTML. Кто-то неопытный скажет "зачем клонировать стандартный модуль, если его можно дублировать прямо в админке", но, когда стоит задача не просто скопировать какой-то текст, а сделать кастомный модуль, то это решение поможет как никогда. Например вам нужно сделать модуль текста для главной страницы с добавлением картинок, кнопок и т.д. Чтоб не делать это все в стандартном редакторе, вы просто заливаете клон HTML и правите его содержимое в коде, а в редакторе потребуется вывести только текст. Очень наболевшая тема у разработчиков клиентских магазинов. Заказчик частенько может удалить все, что вы наверстали через стандартный редактор и ругаться, что все сделано очень криво. Вот такая краткая предыстория ) На самом деле очень функциональная вещь, с которой можно сделать много полезного, а после вывести через макеты. Как установить: 1. Загрузить содержимое папки "upload" в корень сайта. 2. Модуль появится в админке под названием "HTML контент 2" Автор radaevich долучення 20.10.22 Категорія Модули Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Звернення до сервера розробника Нет
-
- html
- клон модуля
-
(and 1 more)
Tagged with:
-
Version 1.0.0
28 downloads
Клон стандартного модуля HTML. Кто-то неопытный скажет "зачем клонировать стандартный модуль, если его можно дублировать прямо в админке", но, когда стоит задача не просто скопировать какой-то текст, а сделать кастомный модуль, то это решение поможет как никогда. Например вам нужно сделать модуль текста для главной страницы с добавлением картинок, кнопок и т.д. Чтоб не делать это все в стандартном редакторе, вы просто заливаете клон HTML и правите его содержимое в коде, а в редакторе потребуется вывести только текст. Очень наболевшая тема у разработчиков клиентских магазинов. Заказчик частенько может удалить все, что вы наверстали через стандартный редактор и ругаться, что все сделано очень криво. Вот такая краткая предыстория ) На самом деле очень функциональная вещь, с которой можно сделать много полезного, а после вывести через макеты. Как установить: 1. Загрузить содержимое папки "upload" в корень сайта. 2. Модуль появится в админке под названием "HTML контент 2"Free-
- html
- клон модуля
-
(and 1 more)
Tagged with:
-
При создании макета мы не думали что нам придется использовать JS, и теперь мы не знаем что делать. Нам надо чтоб на 2 блоке при нажатии на вариант* у нас менялись PDF файлы. Но как оказалось без JS это не сделать, а с JS мы не знакомы. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;900&display=swap" rel="stylesheet"> <script src="Untitled-1.js"></script> <title>Подготовка к ОГЭ</title> <style> html { scroll-behavior: smooth; } </style> <link rel="stylesheet" href="style.css"> </head> <body> <div class="header center" id="header"> <ul class="menu"> <li><a class="menu__link" href="#items">Предметы</a></li> <li><a class="menu__link" href="#maths">Математика</a></li> <li><a class="menu__link" href="#informatics">Информатика</a></li> <li><a class="menu__link" href="#physics">Физика</a></li> </ul> </div> <div class="top center"> <h1 class="heading__top" id="items">Подготовка к экзаменам</h1> <div class="items__top"> <div class="maths__top"> <div class="maths__photo"><a href="#items__maths"><img src="img/maths.svg" alt="maths__photo"></a></div> <div class="heading__maths"> <div class="heading__maths__text"> <h4 class="heading1__top">Математика</h4> </div> </div> </div> <div class="informatics__top"> <div class="informatics__photo"><a href="#items__informatics"><img src="img/informatics.svg" alt="informatics__photo"></a></div> <div class="heading__informatics"> <div class="heading__informatics__text"> <h4 class="heading2__top">Информатика</h4> </div> </div> </div> <div class="physics__top"> <div class="physics__photo"><a href="#items__physics"><img src="img/physics.svg" alt="physics__photo"></a></div> <div class="heading__physics"> <div class="heading__physics__text"> <h4 class="heading3__top">Физика</h4> </div> </div> </div> </div> </div> <div class="maths center"> <div class="list__maths"> <ul class="list__maths__text"> <h2 class="heading__maths1" id="maths" id="items__maths">Математика</h2> <li class="listt__maths"><a id="var1">>Вариант 1</a></li> <li class="listt__maths">Вариант 2</li> <li class="listt__maths">Вариант 3</li> <li class="listt__maths">Вариант 4</li> <li class="listt__maths">Вариант 5</li> <li class="listt__maths">Вариант 6</li> <li class="listt__maths">Вариант 7</li> <li class="listt__maths">Вариант 8</li> <li class="listt__maths">Демоверсия</li> <li class="listt__maths">Спецификатор</li> <li class="listt__maths">Кодификатор</li> <li class="listt__maths">Справочный материал</li> </ul> </div> <div class="materials__maths"> <iframe class="options1" src="https://drive.google.com/file/d/12suI88_guQ7dlRkPoGgJfdM7KmNsq0yA/preview" allow="autoplay"></iframe> <!-- <iframe class="options2" src="https://vpr-ege.ru/images/oge/100ballov-oge22-ma-var2.pdf" allow="autoplay"></iframe> --> </div> </div> </body> </html> * { margin: 0; padding: 0; } body { font-family: 'Montserrat', sans-serif; } img { max-width: 100%; } .center { padding-left: calc(50% - 695px); padding-right: calc(50% - 695px); } a { text-decoration: none; } .header { background-color: #53C6CD;; height: 53px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .menu { list-style-type: none; display: flex; gap: 50px; } .menu__link { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; display: flex; align-items: center; color: #FFFFFF; } .top { background-color: #75D4DA; min-height: 1080px; padding-top: 42px; padding-bottom: 107px; } .heading__top { font-style: normal; font-weight: 900; font-size: 96px; line-height: 117px; color: #FFFFFF; } .items__top { gap: 127px; margin-top: 72px; display: flex; flex-direction: row; flex-wrap: wrap; } .maths__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .maths__photo { margin-top: 171px; display: flex; align-items: center; } .heading__maths { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__maths__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading1__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .informatics__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .informatics__photo { margin-top: 171px; display: flex; align-items: center; } .heading__informatics { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__informatics__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading2__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .physics__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .physics__photo { margin-top: 171px; display: flex; align-items: center; } .heading__physics { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__physics__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading3__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .maths { background-color: #7BDDE3; min-height: 1080px; padding-top: 36px; padding-bottom: 36px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .heading__maths1 { font-style: normal; font-weight: normal; font-size: 48px; line-height: 59px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .list__maths__text{ margin-top: 61px; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; list-style-type: none; display: flex; flex-direction: column; gap: 35px; color: #FFFFFF; } .options1 { height: 1008px; width: 857px; } .options2 { height: 1008px; width: 857px; } .materials__maths{ background-color: #75D4DA; }
-
Всем привет. Ищу исполнителя. Есть дизайн в figma. Надо его сверстать и сделать функционал под опенкарт 3. Все неоюходимые модули для функциоанал куплю. Опенкарт и часть модулей уже установлени. Ссылку с дизайном и ТЗ пришлю в личку. В первую очередь интересуют строки и стоимость. Очень важно чтоб исполнитель был свободен и мог приступить к работе. Работы много.
-
Добрый день! Использую модуль Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content. Интересует вопрос возможно ли при создании/редактировании блока изначально писать все на html? Есть кнопка просмотреть код, даже можно его отредактировать, но изменения не сохраняются. Если такая возможность есть, то как ее настроить или может что-то для этого нужно?
-
7 При покупке доступ к обновлениям в течение 1 года После окончания основного периода доступ к обновлениям можно продолжить 5.00 USD за год Скачать / Купить дополнение Текстовый блок HTML PLUS Позволяет отображать произвольный HTML-код на страницах сайта с возможностью скрывать / развертывать текст и управлять отображением текста для определенных групп покупателей Возможности: Управление скриптом «Подробнее»; Управление на какие разрешения экранов будет работать скрипт; Управление уровнем заголовка H1-H6; Использование кастомного шаблона для модуля; Управление доступом к контенту; Вставка изображений для разных размеров экранов; Отложенная загрузка изображений средствами браузера; Вставка видео; Размещение контента по изображению или видео; Мультиязычность. Демо / Админка Вход: demo / demo Документация Лицензия: Модуль можно установить на один интернет-магазин. Следующий магазин оплачивается отдельно. Добавил RoS Добавлено 17.05.2021 Категория Меню, дизайн, внешний вид Ioncube Loader Нет ocStore 3.0 2.3.0.2.4 2.3 2.2 2.1 OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 OcShop 2.0.3.х Обращение к серверу разработчика Нет
-
9 Завантажити / Придбати розширення 2OC HTML Модуль 2OC HTML - расширение над стандартным модулем HTML. Дополнительно можно создавать неограниченное количество модулей для вставки произвольного HTML. Установка своих классов для каждого модуля через админку. Включение/Выключение кеширования и т.д. и т.п. ДЕМО: Главная страница Админка login: demo pass: demo Кеширование Реализована генерация кэша для каждого модуля, что позволяет при следующем обращении к модулю отдавать его пользователю без единого запроса к базе данных, что повышает быстродействие и снижает нагрузку на сервер. Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC HTML в ваш шаблон, если это потребуется. При особой необходимости и свободном времени могу адаптировать 2OC HTML под версии 2.1 или 2.2 OpenCart и ocStore. Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте! Автор 2OC долучення 04.03.21 Категорія Модули Системные требования Метод активации По запросу в ЛС По запросу на почту По скайпу Ioncube Loader Требуется ocStore 3.0 2.3 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника Нет
-
Доброго времени суток... Вожусь вторую ночь, знаний не хватает катастрофически, прошу помощи. Вот такой код запихнут был в HTML-модуль и вставлен в шаблон показа товаров: <section class="c-bmi c-bmi--front"> <h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">калькулятор расчёта веса в одном метре ткани</h3> <div class="c-bmi__body g-linear-grad"> <div class="c-bmi__row">ширина ткани: <span id="weight-text">2.2</span> м <input id="weight-slider" class="c-bmi__slider" max="2.2" min="0.4" step="0.05" type="range" value="71" /></div> <div class="c-bmi__row">плотность: <span id="height-text">175</span> г/кв.м <input id="height-slider" class="c-bmi__slider" max="500" min="40" step="5" type="range" value="175" /></div> <h3 class="c-bmi__result typo-1 [ u-textUppercase u-textCenter ]">вес 1 метра в граммах <span id="bmi-text" class="typo-2 c-bmi__number g-btn-shadow [ u- block ]">385.0</span></h3> <button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><em>?</em></button></div> </section> <section class="c-bmi c-bmi--back g-linear-grad"> <h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">Как рассчитывается вес?</h3> <div> <p>Вес одного метра ткани рассчитывается по простейшей формуле M = P x S, где P - плотность, S - площадь (в нашем случае ширина умноженная на длину, а длину мы берём 1 метр)</p> <button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">x</button></div> </section> До какого-то момента (по словам наших ребят) он работал исправно, но тут - очень похоже на скопированную через просмотр HTML-кода страницы часть модуля. Я нашел, откуда было взято тело модуля калькулятора (https://codepen.io/SimonNonnis/pen/RWLYjP) и попытался повторить "подвиг", фиг там. На сайте, откуда взял код, работает (правда странно считает), а на нашем - нет. Вот код: <div class="wrapper"> <main class="c-bmi-container typo-1"> <section class="c-bmi c-bmi--front"> <h3 class="c-bmi__title [ u-textCenter ]">Калькулятор расчёта веса в одном метре ткани</h3> <div class="c-bmi__body g-linear-grad"> <div class="c-bmi__row"> <span>Ширина ткани: <span id="weight-text"></span> м.</span> <input class="c-bmi__slider" id="weight-slider" type="range" min="0.4" max="2.2" step="0.05" value="71" /> </div> <div class="c-bmi__row"> <span>Плотность: <span id="height-text"></span> г/кв.м </span> <input class="c-bmi__slider" id="height-slider" type="range" min="40" max="500" value="175" /> </div> <h3 class="c-bmi__result typo-1 [ u-textCenter ]">Вес 1 метра ткани в граммах: <span class="typo-2 c-bmi__number g-btn-shadow [ u-block ]" id="bmi-text"></span></h3> <button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><i>?</i></button> </div> </section> <section class="c-bmi c-bmi--back g-linear-grad"> <h3 class="c-bmi--back__title [ u-textUppercase ]">Как мы считаем?</h3> <div> <p>Вес одного метра ткани (М) считаем по формуле M = P x S, (P-плотность, S-площадь (ширина умноженная на длину (длина-1 метр)</p> <button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">X</button> </div> </section> </main> </div> К сожалению, обратиться к автору сайта уже нет возможности, он умер. Поэтому прошу помощи. В header-е нашел только одно упоминание библиотеки JQuery: <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script> Ссылка на страницу одного из товаров: https://cotton-mix.ru/kulirka---1990 Файл этот на месте, размер 84 249 байт, его 3 года никто не менял.
- 2 replies
-
- калькулятор
- html
-
(and 1 more)
Tagged with:
-
Здравсвуйте, есть один блок, в котором есть тег <a> с ссылкой. После перехода по ссылке хочу чтобы переходило на другой блок, но не знаю путей к ним. Как узнать пути к блокам?
-
Здравствуйте, есть файл form.tpl со стандартом кода для форм. У меня есть свой select со странами и регионам. Хочу встроить его в существующую форму, но если меняю через код form.tpl то меняются и другие select'ы. Как сделать так, чтобы были и select'ы стандартные с указанными полями и select'ы на страны и регионы работали корректно в одной форме?
-
Здравствуйте, можно ли вывести в форме в select'е вывести список стран из админ части настройки->локализация->страны, регионы?
-
Мне нужен хороший или отличный программист Opencart, со знанием Yii2. Цель - планомерный перенос нескольких сайтов с Yii2 на Opencart и дальнейшая их поддержка. Условия обсуждаются отдельно. Работа удалённая, оплата попроектная. Кому интересно, напишите мне в личку, пожалуйста. Требования, обязанности и условия прописаны ниже. Рассмотрю всех кандидатов. Указывайте цену за час работы, пожалуйста. Откликаться можно в телеграм @elizaveta_vasileva либо whatsapp/viber на номер 89821212982. Елизавета. Требуемый опыт работы: 1–3 года Полная занятость, удаленная работа Обязанности: Реализация утвержденной схемы взаимодействия систем "сайт cms - roistat - crm - 1c"; Поддержка и разработка сайтов на OpenCart 2.3 Перенос всех сайтов с Yii2 на единую платформу OpenCart 2.3 Верстка контента Внедрение типовых модулей на сайт Доработка модулей, написание собственных по заказам службы маркетинга Обеспечение обмена данными сайта с другими системами (roistat, yandex, 1C) Разграничение прав пользователей, Обеспечение политики безопасности. Обучение пользователей возможностям системы. Установка обновлений программных компонентов Предоставление технической информации о размещенном контенте Визуализация рабочих схем, создание рабочих инструкций и регламентов Оптимизация расходов на ИТ Предложения по развитию ИТ для роста компании Требования: Высший уровень компетенции в области веб-программирования Понимание фреймворка Yii Знание фреймворка bootstrap Адаптивная верстка (HTML , CSS) по макетам (PSD) Базовый уровень работы с PHP включая ООП Умение разбираться и вносить изменения в существующий код (PHP, JS, CSS, HTML) Знание JavaScript Системы распределенного управления верcиями -GIT, базовый уровень с СУБД MySQL (приветствуется) Верстка под опенкарт 2.3 Умение работать с API (roistat, yandex, etc) Опыт работы в реальных проектах по поддержке сайтов на OpenCart, не менее 2-х лет Умение работать в команде и самостоятельно Орг. способности и умение координировать действия будут жирным плюсом Условия: Полностью "белая" заработная плата, официальное трудоустройство ЗП в зависимости от Ваших стартовых компетенций назначается индивидуально, от 40 до 60 т.р. Работа удалённо, из любой точки мира Просьба в отклике указывать уровень ЗП, на который рассчитываете.
-
Всем доброго времени суток! Написал себе страничку с партфолио. Прописано все предельно чисто, адаптивка проверена на всех размерах (так же с разных девайсов: андроид, нэтбук, айфон 6 и 7). Везде все работает исправно, кроме айпад 2. Никак не пойму, как срабатывает один противный процесс на Айпаде.. Загружается страничка изначально так как должна (правильно как вертикально, так и горизонтально) 1. верт. 2. горизонт Но когда подгрузка заканчивается, оно почему то сбрасывается и начинает отображаться криво: 1. 2. (Так как на сайте личная информация, пришлось замазать некоторые элементы) Кэш очищал каждый раз как пытался что то править. Если кто то из вас сталкивался с подобным, объясните пожалуйста, в чем же может быть проблема?