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>