Интегрируйте свои собственные элементы изображения (виджеты) (пример на виджете с информацией о магазине)

Вчера столкнулся с проблемой создания виджета из Информация о магазине установить Рейтинговый портал интернет-магазинов, которым мы пользуемся через Торговая ассоциация чтобы иметь возможность использовать.

К сожалению, в магазине Shopware Store для этого нет плагина. Поэтому коды приходилось ставить вручную.

Для этого я сначала настроил виджет информации о магазине в бэкенде сайта.

После этого код доступен немного глубже.

На следующем шаге я вставил этот код в нижний колонтитул. Запустите программу ftp (например, Filezilla) и найдите:

/Темы/Внешний вид/ИмяВашей Темы/ интерфейс / индекс

На данный момент я предполагаю, что вы уже используете свою собственную тему, иначе ваши изменения не будут защищены от обновлений. В противном случае Shopware предоставляет эту документацию:

Внесите изменения в шаблон

Я всегда создаю резервную копию текущего файла перед внесением изменений и добавляю в название текущую дату.

Вставьте приведенный выше код с помощью текстового редактора (например, Notepad++).

Теперь виджет отображается в нижней части вашего интернет-магазина Shopware. Выглядит конечно не очень. Поэтому в информации о магазине есть небольшой фрагмент кода, который надежно размещает этот виджет в правом нижнем углу:

Только экран @media и (минимальная ширина: 768 пикселей) { div#shopauskunft_widget { display: block; положение: фиксированное; справа: 10 пикселей; внизу: 10 пикселей; }}

Но что с этим делать?

В бэкенде Showare можно указать дополнительный файл css. Сначала загрузите новый файл css с приведенным выше кодом через ftp.

Теперь вам нужно только сообщить Shopware 5, что этот файл следует использовать. Для этого вы идете в бэкэнд Настройки/Менеджер тем...

... выберите тему и нажмите «Настроить тему».

На вкладке Конфигурация...

… введите свой файл CSS в разделе «Другие файлы CSS»:

<link href=“/themes/Frontend/ИмяВашей Темы/frontend/_public/src/css/shopauskunft.css?template=itintime_170425&is_preview=on" media="all" rel="stylesheet" type="text/css" />

Теперь очистите кеш магазина и скомпилируйте тему.

И вуаля… ваш виджет выглядит великолепно! 🙂

Виджет RBA из информации о магазине по-прежнему требуется для отправки оценочных электронных писем. Я покажу вам, как настроить его в этом посте:

Установите виджет RBA из информации о магазине в Shopware 5