Breadcrumbs displaying differently on shop and product pages

This is driving me nuts! Please help. I’m sure it’s an easy fix…

Issue 1: The breadcrumbs on the main shop page https://bubbleball.us/shop are different than product pages https://bubbleball.us/product/standard-bba-bubble-ball/ Not sure why they’re not following the same structure. All i’ve done is change some configurations through a custom functions.php file

//CONFIGURE BREADCRUMBS//
/**
 * Rename "home" in breadcrumb
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text', 20 );

function wcc_change_breadcrumb_home_text( $defaults ) {
    // Change the breadcrumb home text from 'Home' to 'Apartment'
	$defaults['home'] = 'Bubbleball Shop';
	return $defaults;
}

/**
 * Change the breadcrumb separator
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter', 20 );
function wcc_change_breadcrumb_delimiter( $defaults ) {
	// Change the breadcrumb delimeter from '/' to '>'
	$defaults['delimiter'] = ' / / ';
	return $defaults;
}

/**
 * Replace the home link URL
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'woo_custom_breadrumb_home_url', 20 );
function woo_custom_breadrumb_home_url() {
    return 'https://bubbleball.us/shop/';
}

Issue #2:
Ideally the breadcrumbs on the main shop page would just be

Shop

and on the product pages I’d like the URL to be https://bubbleball.us/shop/standard-bba-bubble-ball/
and breadcrumbs to be
Shop > Bubbleballs (category) > Standard BBA Bubbleball (product)

But when I change the permalinks to use a custom base of shop/ or even change it to shop base then the products don’t load. Not sure what I’m doing wrong

The page I need help with: [log in to see the link]