Breadcrumb changes

This topic has 9 replies, 2 voices, and was last updated 11 months, 2 weeks ago by Aizaz Imtiaz Awan.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
December 10, 2023 at 10:21 pm #520184

Splash-Media
Participant

is it possible to change the “shop” & “single product’ breadcrumb to capitalise ?
and is it possible to remove the last link on product your viewing? and also change the “home” breadcrumb to the “shop’ page ??

December 11, 2023 at 1:08 am #520195

Splash-Media
Participant

cancel the change home breadcrumb to shop as realised Product permalinks was not set correctly , but it like to capitalise breadcrumb and change delimiter to a character or icon ?

December 11, 2023 at 1:21 pm #520394

Splash-Media
Participant

Edit * uppercase all breadcrumbs and change / to an icon or >

December 11, 2023 at 5:00 pm #520506
Aizaz Imtiaz Awan
Keymaster
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .breadcrumbs a, 
body .breadcrumbs span, 
body .yoast-breadcrumb a, 
body .yoast-breadcrumb span {
   text-transform: capitalize !important;
}

body .woocommerce-breadcrumb .breadcrumb-last:last-child, 
body .yoast-breadcrumb .breadcrumb_last:last-child {
text-transform: capitalize !important;
  }
```
Woocommerce does not provide the option to configure the breadcrumbs, and WoodMart does not either. You can try to search for a plugin. We have not tested any with our theme, we cannot guarantee any.

Please add this code to the Theme Settings > Custom CSS > Global:
```
woocommerce-breadcrumb a:after {
   content: ">";
}
```
Best Regards.
December 11, 2023 at 5:19 pm #520518

Splash-Media
Participant

Added the above css and get this result ?
Image attached

Attachments:
You must be logged in to view attached files.

December 11, 2023 at 5:38 pm #520537

Splash-Media
Participant

ok added this to custom css and seems to uppercase all breadcrumbs? this would work ?:

body .breadcrumbs a,
body .breadcrumbs span,
body .woocommerce-breadcrumb a,
body .woocommerce-breadcrumb span {
text-transform: uppercase !important;
}

body .woocommerce-breadcrumb .breadcrumb-last:last-child {
text-transform: uppercase !important;
}

woocommerce-breadcrumb a:after {
content: “>”;
}

now I just need to change the delimiter??

December 12, 2023 at 12:45 pm #520816
Aizaz Imtiaz Awan
Keymaster
Hello,

Please add this custom css code for the delimiter:
```
woocommerce-breadcrumb a:after {
content: “>”;
}
```
Best Regards.
December 12, 2023 at 7:13 pm #521014

Splash-Media
Participant

Hi

doesn’t seem to work ?

December 12, 2023 at 7:19 pm #521016

Splash-Media
Participant

searched support and this did the trick :

.website-wrapper .woocommerce-breadcrumb a:after {
content: “>”;
}

December 13, 2023 at 9:11 am #521108

Aizaz Imtiaz Awan
Keymaster

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.
Author

Posts