禁用Snipcart整页购物车

Question

是否可以禁用Snipcart的整页购物车？我已经设置了data-config-modal-style="side" like the docs says to，但在较小的屏幕上，购物车仍然会打开整个页面购物车。

我不想设计两个不同的购物车来让它们看起来一样。

Answer 1

它看起来像是在小屏幕上自动切换到全页视图。您所能做的就是使用与side-modal相同的样式来覆盖该行为。将此代码添加到全局css中

.snipcart-modal__container {
  width: 35% !important;
  max-width: 540px !important;
  margin-left: auto !important;
  right: 0 !important;
}

.snipcart-modal__container.snipcart-layout--large {
  width: 100% !important;
  max-width: 100% !important;
}

你也可以从超文本标记语言中删除data-config-modal-style="side"，因为你不再需要它了。