Split pickups times into morning and afternoon slots

If you would like to prevent customers from picking up during specific times of the day you can do this using a little code. 

Ensure you are using version 4.1.0 or above, by checking your storepickup.liquid file and have jQuery included within your theme

Open your storepickup-addons.liquid file and copy and paste in the following code

// You can remove the following line if your theme already contains jQuery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
  window.ZapietEvent.listen('pickup.timepicker.opened', function() {    
    $(".picker__list").find("[aria-label='2:00 PM']").hide();
    $(".picker__list").find("[aria-label='2:30 PM']").hide();
    $(".picker__list").find("[aria-label='3:00 PM']").hide();
    $(".picker__list").find("[aria-label='3:30 PM']").hide();
  });
});
</script>

Change the time values to those you would like disabled. The example code above will disable the times 2:00pm, 2:30pm, 3:00pm and 3:00pm. 

If you are using our 24-hour clock then your code should look like this:

<script type="text/javascript">
$(document).ready(function() {
  window.ZapietEvent.listen('pickup.timepicker.opened', function() {    
    $(".picker__list").find("[aria-label='14:00']").hide();
    $(".picker__list").find("[aria-label='14:30']").hide();
    $(".picker__list").find("[aria-label='15:00']").hide();
    $(".picker__list").find("[aria-label='15:30']").hide();
  });
});
</script>

Click Save

Enable specific pickup times for a particular outlet

You can also be specify exactly which pickup times should be allowed for a given outlet by using code similar to that shown below:

<script type="text/javascript">
$(document).ready(function() {
window.ZapietOutletId = '';

window.ZapietEvent.listen('updateSelectedLocationId', function(outletId) {
   // Store the selected outletId in a global variable  
   ZapietOutletId = outletId;
});

window.ZapietEvent.listen('pickup.timepicker.opened', function() {
    // Specify the exact outletId number to enable the specific times on
    if (ZapietOutletId == '12345') {
        // Hides all pickup times
        $(".picker__list").find("[aria-label]").hide();
        // Enable both 8:00 AM and 4:00 PM
        $(".picker__list").find("[aria-label='8:00 AM']").show();
        $(".picker__list").find("[aria-label='4:00 PM']").show();
    }
  });
});
</script>