Should I delete shopping cart pages?

Hi there,

You’re definitely welcome to delete those pages if you like – Shop is used to automatically generate a page containing a list of all your products. While it’s convenient, it’s not necessary.

As for my-account – this is mostly used by customers to check up on their billing/shipping address, historical orders and to download files if you’re selling downloadable products. If your store will only allow guest-checkouts, then there’s not much sense in having a my-account page.

As for the product category page – that one sounds like it was manually created and isn’t something that’s generated by WooCommerce upon installation.

Thanks for your reply. I was able to delete the /shop and /my-account pages and I trust that after doing so, my shopping cart/payment gateway widget won’t experience any problems and I will continue to be able to update my WooCommerce and Paymentwall For WooCommerce plugins.

However, I can’t seem to delete the /product-category/service page.

1) Have a look at the screenshot here kidcantalk(dot)com/Service.png and as you will see, I cannot delete the page the usual way.

How can I go about deleting this page?

And if I’m able to, then how can I also get rid of the links to that page that are within a few pages of the shopping cart? See the screenshot which shows a few of those links here kidcantalk(dot)com/Links.png?

I look forward to hearing back from you again,

Rich.

Hi @rich90210. The service page is automatically created for your service product category. This is a built-in feature of WordPress (and WooCommerce) but you can use custom CSS to remove it.

An example of how to do this can be found here:

https://kb.oboxthemes.com/articles/how-to-hide-breadcrumb-links-such-as-product-or-services-category/

I hope that helps!

Thanks for your reply. I went to the page you suggested and implemented the code, yet the kidcantalk(dot)com/product-category/service page is still active and both links to the page that I pointed out in my last message which are on kidcantalk(dot)com/order are still there.

Please have a look at the service page within my WordPress account (kidcantalk(dot)com/1.png and kidcantalk(dot)com/2.png) then tell me where I went wrong in terms of the CSS code.

Also, you can see the existing CSS code within this screenshot kidcantalk(dot)com/3.png

I look forward to hearing back from you…

Hi @rich90210

It’s not possible to delete the page directly. On WooCommerce, you must have at least one category for each product, and category pages are created automatically. You can learn more about categories here.

What the CSS provided at the previous link does is remove the breadcrumb on the cart, but it needs to be edited for use on your site. What was the CSS code that you tried on your site? Could you please provide a link to a product to test the checkout and the CSS code to try to help?

I understand and yes, I want to remove the breadcrumb from the cart. Here is the CSS that I applied on my site:

.single-services #crumbs li:nth-child(5),#crumbs li:nth-child(6) {
display: none;
}

I’m really not sure how I should modify the code above so it will get the job done on my site by removing this breadcrumb from the cart.

Please advise…

Hi @rich90210. In order for me to help by revising the CSS, it would be helpful to see an example of a page showing the breadcrumb. Can you please provide a link to a product that I can add to the shopping cart for this test?

Thanks for your help.

Once again, here is the current CSS code:

.single-services #crumbs li:nth-child(5),#crumbs li:nth-child(6) {
display: none;
}

Next…

You can see what I believe the breadcrumb that you talk about (Service – 服务) on the top left of this page: https://kidcantalk.com/service/order.

Let me know if I can be of any more help…

You can remove the Service part with this CSS:

.woocommerce-breadcrumb a:nth-child(2){
    display:none;
}

However, the / Order – 购买 doesn’t have a selector for me to target with CSS. I did find this guide for Divi for managing the breadcrumb. I suggest taking a look through it to see if that helps. If not, you may want to check with Divi support for help removing the product category from the breadcrumb.

I hope that helps!

To confirm…

I have removed this:

.single-services #crumbs li:nth-child(5),#crumbs li:nth-child(6) {
display: none;
}

Then, I added this…

.woocommerce-breadcrumb a:nth-child(2){
display:none;
}

Now you can go back to https://kidcantalk.com/order and you will see that “Service – 服务” has been removed from the top left of page, yet it’s still on the bottom.

Also, is there anyway that I can get rid of the extra / and push the “O” in Order closer to Home / ?

Still waiting for a reply.

Thanks…

Hi @rich90210. I’m afraid I don’t have a way to get rid of the extra /. I recommend checking with Divi Support to see if they have any suggestions that might help since you’re using the Divi theme. Or if you prefer, you can remove the breadcrumb entirely. We have some code here to help you with that – https://docs.woocommerce.com/document/customise-the-woocommerce-breadcrumb/

For the link below the product, beside the SKU, you can use this CSS:

span.posted_in {
    display:none;
}

I hope that helps!

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.