html - Magento 开发 - 修改导航过滤器上的图像链接

标签 html css magento

我已经开始为钻石产品构建 Magento 商店,这些产品具有可以针对分层导航过滤器进行选择的各种属性。

Layered Navigation Filters

我想自定义它们的显示,使它们看起来像下面这样:

Desired Filter

我准备使用 CSS 执行此操作,但问题是 Magento 分层导航过滤器似乎没有任何我可以识别每个选项的内容:

Issue

任何人都可以帮我指出正确的方向,或者有人可以就我如何开始实现这一目标提供一些建议吗?非常感谢您花时间查看此内容。

最佳答案

您想在前端包含色板

创建一个全局属性并可使用结果进行过滤(我想,你已经做过了)
然后导航到系统 > 配置 > 可配置样本并启用该模块。配置启用色板,选择您的属性。

然后导航到 cms 页面并将色板添加到其中首先使用编辑器将色板放入 media/wysiwyg/swatches 色板目录中。 并上传同名 png 图标/图像作为产品属性。<​​/p>

关于html - Magento 开发 - 修改导航过滤器上的图像链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39357803/

相关文章:

html - 如何在 WatiN 中按类名查找值?

javascript - 我的粘性导航栏适用于 jsfiddle 但不能离线

javascript - 突出显示选定的表格行

php - 如何将分组的产品放入集合中

Magento - 订单详细信息不显示在管理面板中

javascript - 显示更多按钮

html - 可以为我的 bootstrap 4 旋转木马图像着色

php - 悬停时显示 Bootstrap 模式

javascript - 使用文件阅读器读取图像的宽度?

html - 谷歌浏览器中的文本自动刷新(渲染问题)