The Subscription LifecycleLegacy Subscription Manager v0 Components & ContainersOrders Unsent Section

Skip Order

An overview of the skip order component in the legacy Subscription Manager v0
View as Markdown

This article details one component in a larger series about the Subscription Manager. For an overview take a look at Subscription Manager Components & Containers.

Skip Order allows a customer to skip their next upcoming order. The code for the pop-up modal can be found in skip.liquid.

1<div class="og-skip-shipment-button">
2<button class="og-button" type="button" @click={{ 'show_closest_modal' | js }} >
3{{ 'shipment_skip_button' | t }}
4</button>
5
6<dialog aria-hidden="true">
7
8<form action="{{ 'skip_shipment' | action }}" @success={{ 'close_closest_modal' | js }} @reset={{ 'close_closest_modal' | js }} >
9
10<div class="og-dialog-header">
11<h5 class="og-dialog-title">{{ 'modal_skip_header' | t }}</h5>
12<button class="og-button og-button-close" type="reset" aria-label="{{ 'modal_close' | t }}">
13{{ 'modal_close' | t }}
14</button>
15</div>{# /og-dialog-header #}
16
17<div class="og-dialog-body">
18<input type="hidden" name="order" value="{{order.public_id}}"/>
19{{ 'modal_skip_body' | t }}
20</div>{# /og-dialog-body #}
21
22<div class="og-dialog-footer">
23<button class="og-button" type="submit" name="skip_shipment">{{ 'modal_skip_shipment_save' | t }}</button>
24</div>{# /og-dialog-footer #}
25</form>
26
27</dialog>
28</div>