woocommerce breadcrumbs coding wordpress html php functions.php

Job ID: 36274771

Budget: $2 – $8 USD

Hi everyone, I'm looking for a freelance web developer to help me with a project. I need some coding done in HTML to fix the breadcrumbs on my woocommerce website.

When a product has more than one category in the breadcrumbs, I need it to show so the breadcrumbs always show it in hierarchical order. (parent's always first).

For example, if I have a product called blue jeans the breadcrumbs are currently showing as

Shop > Medium Jeans > Men Jeans > Jeans > Blue Jeans > Clothes >

I want it so it always shows it with the parents first so:

Shop > Clothes > Jeans > (<--are higher parents so should be displayed first and then and then these after --> which are child subcategories) Men Jeans > Blue Jeans

At the moment the breadcrumbs are just showing in random order when there are MULTIPLE CATEGORIES selected for the product.
Shop > Clothes > Jeans > Men Jeans > Blue Jeans

These are default woocommerce breadcrumbs which are being targeted by .page-top ul.breadcrumb

If you have experience coding in HTML, JavaScript, and/or PHP and you're confident that you can deliver this project, I would love to hear from you. Thank you for your time.
Related categories: PHP Website Design WordPress HTML WooCommerce