html - 禁用 Snipcart 整页购物车

Question

是否可以禁用 Snipcart 的整页购物车？我已经data-config-modal-style="side" 像文档所说的那样设置，但在较小的屏幕上，购物车仍会打开整页购物车。

我不想设计两个不同的推车看起来一样。

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"从 HTML 中删除，因为您不再需要它。