在 SquareSpace 中，如果可用槽位等于 0，如何隐藏预约类型？

Question

我们使用预约类型提供团体课程。当课程售完时，我不希望它显示在网站上。该网站使用“日程安排”块显示约会类型。

当空档不再可用时，预约类型仍会显示在“日程安排”块中。如果客户点击其中一种已售完的预约类型，他们会收到一条奇怪的消息，指出“[日期]和[日期]之间没有可用的预约。”我宁愿预订的课程不再显示。

有什么建议吗？

Answer 1

只需包含一些像这样的自定义 JavaScript 即可获取可用金额并隐藏约会列表（如果为 0）

1. 访问代码注入面板：

   • 登录您的 Squarespace 帐户。
   • 转到主菜单。
   • 点击“设置”。
   • 单击“高级”。
   • 单击“代码注入”。

2. 确定预约区块：

   • 找到您网站上预约区所在的部分。

然后输入此内容并创建一个代码块，将所述代码块添加到您的预约页面

<script>
   document.addEventListener('DOMContentLoaded', function() {
      // Check the availability here
      var slotsAvailable = /* Your logic to get the available slots count */;

      // Hide or show the appointment types based on availability
      if (slotsAvailable === 0) {
         document.getElementById('yourAppointmentTypeElementID').style.display = 'none';
      }
   });
</script>