有没有插件能给类别加上图标？

支持
1

您好，我想知道是否有某种插件可以像这样在类别旁边添加图标？我知道有一个，但我记不起名字了。

image
image493×287 18.2 KB

2

您好 @Glow :wave:

不需要插件或主题组件。通过右上角的管理员扳手进入您想要设置图片图标的每个分类的“分类设置”，然后进入“图片”选项卡，在那里您可以上传图片以显示在您的截图中。您想要的是第一个，“分类图片 Logo”。请注意，它也会显示在分类页面的顶部。

1 个赞
3

谢谢！有没有办法让它变小一点？它太大了

image
image1138×429 32.5 KB

4

在主题或主题组件的通用 CSS 中，您可以这样做：

.category-logo.aspect-image {
    width: 100px;
}

只需将宽度值更改为您想要的任何值。也可以使用百分比而不是像素。希望这对您有帮助 :slight_smile:

1 个赞
5

嗯，我确定还有一个插件，因为我记得我用过这样的东西，因为它缩小的时候看起来很奇怪，而且不像图片里那样，但我记不起名字了。

image
image1184×412 14.9 KB

6

您可以使用 CSS 进一步自定义图片及其放置位置。

还有一个这个，但不确定是否是您想要的。

2 个赞
7

这是我以前写的一段代码……


:root {
    --category-logo-width: 70px;
    --category-spacing: 0px;
}

.desktop-view table.category-list .category-logo.aspect-image {
    width: var(--category-logo-width);
    height: calc(var(--category-logo-width) - 45px);
    margin: 0 5px 0 0;
    padding: 0;
    transform: translatey(-35px);
}
table.category-list .category-logo.aspect-image img{
    width: var(--category-logo-width);
    height: var(--category-logo-width);
}
.desktop-view .has-logo .category-text-title {
    margin-left: calc(var(--category-logo-width) + 5px);
}
.mobile-view .category-title-link {
    display: flex;
}
.mobile-view .category-logo.aspect-image {
    margin: 0 5px 0 0;
    margin-top: 0 !important;
    padding: 0;
    order: -1
}
.mobile-view .category-text-title {
    margin: auto 0;
}


.desktop-view td.category {
    margin: var(--category-spacing);
}
.desktop-view table.category-list {
    border-collapse: separate;
    border-spacing: 0 var(--category-spacing);
}
.desktop-view table.category-list tr {
    margin: var(--category-spacing);
}
2 个赞