Ordergroove Developer Documentation

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

Send Now gives the customer the option to send their next upcoming order right away. The code for the pop-up modal can be found in send-now.liquid.

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