Would like to create AJAX loading on My Account page to switch between tabs

Hey ihawkr14,

Thank you for the inquiry.

The plugin automatically applies unique class names to the body tag for each account subpage, e.g. woocommerce-payment-methods for the payment method page, woocommerce-billing-address for the billing address page, so on and so forth. You can use those class names to adjust the style of an icon or link when viewing a corresponding sub page.

.woocommerce-payment-methods .avia-icon-list li:nth-child(3) .iconlist_icon {
    background: orange;
}

The code above should adjust the background color of the third icon in the list when viewing the payment methods page. For the billing address, this should work.

.woocommerce-billing-address .avia-icon-list li:nth-child(1) .iconlist_icon {
    background: orange;
}

We could also create a custom script that checks for the current page and apply a background to the corresponding link, but that would a bit more complicated.

Best regards,
Ismael

Hi,

Thank you for the update.

You can add the code in the Enfold > General Styling > Quick CSS field, or in the child theme’s style.css file, whichever you prefer. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css. Please note that the css above will only adjust the style of first and third icon, in the billing and payment pages, respectively. You have to add more css just like those to adjust the style of the other icons.

Best regards,
Ismael