如何在 Shopware 6 主题中将搜索图标移至左侧？

Question

我正在尝试移动 Shopware 6 主题的搜索图标 更多向左。

搜索图标目前是一排图标中最右边的元素。

这是搜索图标的相关SCSS代码：

.header-search-btn, .header-search-icon, .icon-custom-icons-Search {
    order: -4;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

似乎没有达到预期的效果。

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

下面是一个代码片段，演示了搜索图标在搜索栏中从右侧到左侧的放置：

.header-search {
    .header-search-input {
        border-right: 1px solid $sw-border-color;
        border-left: 0;
        order: 2;
    }

    .header-search-btn {
        border: 1px solid $sw-border-color;
        border-right: 0;
        margin-left: 0 !important;
    }
}