Put woocommerce my account endpoints inside a accordion?

How To
1

Is there a way to put the WooCommerce my account endpoints into an accordion or so? To me, this seems the most logical way for mobile device users to manage their settings.

As a double menu seems confusing and the my account menu ain’t small.

Maybe put it in a template to load into the accordion or so?

I tried putting the php code into a code element, but that doesn’t seem to work for most endpoints.

Anyone suggestions how to make it mobile friendly?

Thanks

2

Oke, finally managed to do it.

For everyone who cares,

Step 1, make a template and assign it as woocommerce -endpoint- template. The endpoint element will show up in the elements list when you select the template type to be so.

Then make the template. It will not jet show up on load templates on the my account page.

Change the template type to section. Then it will show up and can be loaded into the accordion or wherever you want to put it.

Weird things that happen:

  • Load template on display page says “no template selected” while it works.
  • after saving, it redirects to the dedicated endpoint page, even when the endpoint is removed from WooCommerce settings. Current fix 301 redirect.

Missing:

  • shipping address form is not in template type list. Billing address is.

Should i file a feature request for the missing shipping address form? It is probably the same form on the other link. But this makes the WooCommerce account page much more usable for mobile. And i think we should just have it…

3

HOw do you assign a template to woocommerce -endpoint-
I do not see this as an option in my template types

I am trying to create a template for the payment-methods endpoint

4

Bricks doesn’t allow you to create entire templates. There’s only the woocommerce endpoint “my-account” page that changes based what page you are on.

So the same “account” element for woocommerce changes based on dashboard, orders, dowloads, payments ect. And loads the default woocommerce setup.

If you create a template with Bricks, then in Gutenberg there’s on the right side a select to choose template type. Like single, archive, section, and a bunch of woocommerce types.