所以我正在尝试在 BigCartel 主题“Sidecar”中创建一个入口页面。我已经设法在那里获得了一张可以点击以重定向到我的产品的图片但是我希望能够删除入口页面上的侧面导航链接/图标 - 所以它纯粹只是显示的图片&一旦客户单击要带到商店的图像会出现侧栏-这可行吗?
我感谢所有的想法和评论 - 非常感谢!
可能有更优雅的方法,但这似乎有效。
(1) 在'Layout'中,在它之前找到<aside>
并添加{% if page.name != 'Home' %}
,例如:
{% if page.name != 'Home' %}
<aside>
然后找到</aside>
并在其后添加{% endif %}
:
</aside>
{% endif %}
侧边栏是<aside>
,所以我们在这里所做的只是在页面名称不是“主页”时包含该代码。
(2) 在'CSS'中,找到:
.page.home {
margin-right: 16px;
padding-top: 60px;
}
并将其更改为:
.page.home {
margin-right: 16px;
margin-left: 16px;
padding-top: 60px;
}
该类.page
通常有 260px 的 margin-left 来为侧边栏提供空间,所以当我们在主页上时,我们将覆盖它。