Question

好的，我正在为客户编辑Bigcommerce主题。我没有很多Bigcommerce的经验，只有一点点PHP。设置当前主题标题，以便您可以将徽标对齐到左侧，中间或右侧。然后根据徽标的位置，搜索栏和社交链接占用其他2个空格。

即。您是否在左侧有标识，搜索栏会转到中心，社交链接会显示在右侧。

客户希望在标题中添加另一个“徽标”，并希望将搜索栏和社交链接结合起来。

我正在查看标题的标记，它设置如下

{{#if theme_settings.logo-position '==' 'left'}}
    <div class="header-logo header-logo--{{theme_settings.logo-position}} container">
        {{> components/common/store-logo}}
        {{> components/common/quick-search}}
        {{> components/common/social-links-header}}
    </div>
{{/if}}

{{#if theme_settings.logo-position '==' 'center'}}
    <div class="header-logo header-logo--{{theme_settings.logo-position}} container">
        {{> components/common/social-links-header}}
        {{> components/common/store-logo}}
        {{> components/common/quick-search}}
    </div>
{{/if}}

{{#if theme_settings.logo-position '==' 'right'}}
    <div class="header-logo header-logo--{{theme_settings.logo-position}} container">
        {{> components/common/social-links-header}}
        {{> components/common/quick-search}}
        {{> components/common/store-logo}}
    </div>
{{/if}}

我想我可以使用{#if theme_settings.logo-position '==' 'left'}来设置我想要获得的布局，只需添加额外的徽标并结合quick-search和social-links-header组件即可。我该如何组合这些组件？

Answer 1

每个组件都有一个单独的模板文件，因此您可以将第二个徽标添加到store-logo.html，然后从quick-search.html复制内容并将其粘贴到social-links-header.html中以将这些内容合并元素。您还可以使用CSS来调整布局 - 这实际上取决于您尝试实现的位置。

如何在Bigcommerce主题中组合两个组件

1 个答案: