permalink shop base conflict

I’m having serious issues with my woocommerce store. I’m at a loss with what is going on and at the point where I think moving my blog from deancentgarage.com to deancentgarage.com/blog
and then moving my store
deancentgarage.com/shop to deancentgarage.com
Might be my only option.

Just worried I am going to break a lot of things and set myself back weeks or months.

Hoping for an alternative if there is one. This is a screenshot of my current permalink structure.

https://www.deancentgarage.com/shop/wp-content/uploads/sites/2/2018/10/permalinks.jpg

I had to use Anywhere Elementors Post block tool to create product previews at the product view level below category because the default woocommerce product pages were completely broken and created an endless 404 loop. My guess is there is conflict somewhere but I cannot for the life of me figure it out.

I thought I had this figured out but found out my product pages are breaking other elements on the page and the filter button disappears which would make it difficult to narrow down results. Also the results from using a filter on category pages are also broken and again, creates an endless 404 loop.

I’m so close to having this store done, would really like to figure out this last big issue.

Here is a product page that has problems, google console is throwing lots of errors on these pages. The cart button at the top does not work (works great on every other page other than product pages), The filter button is missing, and the footer category dropdown and image slider break on these product pages.

https://www.deancentgarage.com/shop/product-category/oil-system/oil-lines/6an-hoses-and-fittings-oil/

Here is a page with the endless 404 loop. This is created after going to a category page, selecting ‘filter’ above categories and then selecting an option.

https://www.deancentgarage.com/shop/product-category/oil-system/oil-lines/?filter_color=black

This is how the product pages should look, I can only get to this page by going to

Wp admin–>products–>attributes–>color and then clicking view under one of options.

https://www.deancentgarage.com/shop/color/black/

This is exactly how a product page should look.

Also at the wishlist and cart page, if they are empty, a return to shop button appears which links back to the shop page set in woocommerce settings. Whatever page I select there though, that page completely breaks making these buttons lead to a broken page. Currently that page is set to this page:

https://www.deancentgarage.com/shop/the-garage/

Thank in advance for any help.