集成您自己的图像元素(小部件)(商店信息小部件上的示例)

昨天我遇到了从创建小部件的问题 店铺信息 安装在线商店的评级门户网站,我们通过 商会 能够使用。

不幸的是,Shopware Store 没有为此提供的插件。 因此必须手动放置代码。

为此,我首先在网站后端配置了商店信息小部件。

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

之后,代码可以更深入一点。

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

在下一步中,我将这段代码插入到页脚中。 启动您的 ftp 程序(例如 Filezilla)并查找:

/主题/前端/你的主题名称/前端/索引

此时,我假设您已经在使用自己的主题,否则您的更改将不是更新安全的。 否则,Shopware 会提供此文档:

对模板进行更改

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

我总是在进行更改之前创建当前文件的备份副本,并将当前日期添加到名称中。

使用文本编辑器(例如 Notepad++)插入以上代码。

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

现在小部件显示在您的 Shopware 在线商店的下部。 当然,它看起来并不那么好。 因此店铺信息提供了一小段代码,将这个widget牢牢的放在了右下方:

@media only screen and (min-width: 768px) { div#shopauskunft_widget { 显示:块; 位置:固定; 右:10px; 底部:10px; }}

但是怎么办呢?

可以在 Showare 后端指定一个额外的 css 文件。 首先通过 ftp 使用上述代码上传一个新的 css 文件。

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

现在您只需告诉 Shopware 5 应该使用这个文件。 为此,您转到后端 设置/主题管理器...

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

... 选择您的主题并单击配置主题。

在配置选项卡下...

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

...在“其他 CSS 文件”下输入您的 css 文件:

<link href="/zh-CN/主题/前端/你的主题名称/frontend/_public/src/css/shopauskunft.css?template=itintime_170425&is_preview=on" media="all" rel="stylesheet" type="text/css" />

现在清空商店缓存并编译主题。

清除 Shopware 5 缓存

Et voila……你的小部件看起来很棒! 🙂

集成您自己的图像元素(小部件)(商店信息小部件上的示例)

仍然需要商店信息中的 RBA 小部件才能发送评估电子邮件。 我将在这篇文章中向您展示如何设置它:

从 Shopware 5 中的商店信息安装 RBA 小部件

隐私政策
我,René Kohl(c/o Grosch Postflex #2439)(居住地:德国),希望通过外部服务处理个人数据。 这不是使用网站所必需的,但可以让我与您进行更密切的互动。 如果需要,请进行选择:
隐私政策
我,René Kohl(c/o Grosch Postflex #2439)(居住地:德国),希望通过外部服务处理个人数据。 这不是使用网站所必需的,但可以让我与您进行更密切的互动。 如果需要,请进行选择: