如何在我的网站顶部添加多个品牌的导航栏?

时间:2018-06-08 23:16:41

标签: shopify

我有3种不同品牌的实体产品。它们都有相同的前缀(比方说'ABC'),每个品牌都专注于不同的东西:

ABC Home ABC宝​​贝 ABC旅行

所有3个品牌都在Shopify上托管。我希望客户能够在顶部带有导航栏的品牌之间来回反弹,类似于Gap,Banana Republic和Athleta的网站。我所有3个品牌都有自己的域名和自己的Shopify网站。

如果他们都可以共享相同的购物车,那将是很棒的,但如果他们必须分开,那也没关系。

如何做到这一点?我不是一个专业的程序员,但愿意雇用某人,如果它很复杂。

谢谢!

1 个答案:

答案 0 :(得分:0)

您不可能拥有与每个商店特定的推车相同的购物车。您对Shopify有什么样的计划?如果您使用其中一个主题,他们会提供免费支持。我认为这是一个相当容易的变化。

您必须更新两个类似的文件。

theme.liquid(在body标签的开头加上这个)

<div class="brand_bar">
  <a class="brand" href="http://linkToOtherStore.com">
      <img src="https://linkToImageFile">
  </a>
  <a class="brand" href="http://linkToOtherStore.com">
    <img src="https://linkToImageFile">
  </a>
  <a class="brand" href="http://linkToOtherStore.com">
    <img src="https://linkToImageFile">
  </a>
</div>

theme.scss.liquid(或任何你的主题sass文件)(添加到底​​部)

.brand_bar{
  display: flex;
  width: 100%;

}
.brand{
  text-align: center;
  flex-grow: 1;
  height: 50px;
  background-color: #ffdead;
}