How to add breadcrumb menu to Woocommerce pages

1) Go to Appearance->Editor

2) Open “woocommerce.php” file which is at the bottom of the file list (If you are using a child theme, we suggest you to copy the woocommerce file into your child theme’s folder and edit that file)

3) Put the following code just before “woocommerce_content()” function;

<?php woocommerce_breadcrumb(); ?>

4) Click “Update File” button

5) Finally, you can add some css codes to customize the new menu (You can add your custom css codes to Theme Settings->General->Custom CSS field.). For example;

.woocommerce .woocommerce-breadcrumb {
background:#fff;
padding:15px;
margin-bottom:20px;
}