Security, Privacy, AI and CSR information for all Piano products now lives in one place. Explore our Compliance Center.
Subscriptions
English French
English French

How to show expired and active subscriptions in one view in My Account?

By default, the subscriptions in the My Account section's Library tab are sorted into two categories - Active and Expired.

ma.png

If you want to show all subscriptions, so active and expired in one view, you can go to Manage → Templates → My Account Library Components template and change code starting with:

HTML
<span class="section-text">
                    <t context="checkout.platform">My subscriptions</t> ({{ active ? activeLibrary.length : inactiveLibrary.length }})
                </span>

To:

HTML
<span class="section-text">
                    <t context="checkout.platform">My subscriptions</t> ({{ activeLibrary.length + inactiveLibrary.length }})
                </span>
                <div>
                        <library-table
                                collection="activeLibrary"
                                postponed-upgrades="termChangeList"
                                toggle-renew-callback="toggleAutoRenew"
                                cancel-subscription-callback="cancelSubscription"
                                refund-payment-callback="refundPayment"
                                upgrade-library-item-callback="onUpgrade"
                                update-payment-method-callback="updatePaymentMethod"
                                get-user-address-callback="getUserAddress"
                                renew-now-callback="renewNow"
                                manage-shared-accounts-callback="manageSharedAccounts"
                                leave-from-parent-subscription-callback="leaveFromParentSubscription"
                                redeem-shared-access-callback="redeemSharedAccess"
                                shared-access-list="sharedAccessList"></library-table>
                        <library-table
                                postponed-upgrades="termChangeList"
                                redeem-shared-access-callback="redeemSharedAccess"
                                shared-access-list="sharedAccessList"
                                collection="inactiveLibrary"></library-table>
                </div>

Last updated: