The ui-autoship component displays the delivery status block for autoship subscriptions.
The component is designed to show the current status of a customer's subscription, such as active, paused, or canceled, based on a specified property.
Configuration:
<ui-autoship headerClass="bg-primary" ></ui-autoship>
| props | default | type | description |
| title | — | String | The title of the block |
| alias | shopify_customer_tags | String | The property name used for searching. Default is shopify_customer_tags. |
| value | appstle_subscription_active_customer | String | The value of the property used to determine the status (e.g., appstle_subscription_active_customer). |
| headerClass | bg-primary | String | CSS class for the header styling. |
Note: All of the settings can be customized either from admin panel by manually editing code or from within the back office by pressing on a cog icon in a left upper corner of the page (only accessible when "Online office admin" flag is presented).