How to capitalized the collection title in breadcrumbs and move breadcrumbs right a little bit?

Shopify Discussion
1

I added codes in breadcrumbs.liquid in Snippets. And codes in theme.liquid :


{% render ‘breadcrumbs’ %}. The final result in website as below picture. I use Studio theme.

  1. But I only want capitalized the collection title, I don’t want to change the origin collection title(since origin collection title capitalize every word, I don’t want to change).

This is what I want: “Home>Glassware>Product Title”,

This is not what I want: “Home>GLASSWARE>Product Title”

Slon_1-1681292490229.png
Slon_1-1681292490229.png781×334 93.2 KB

  1. Move the breadcrumbs to the right a little bit, and start from the position of the red line. Align the left side with the product image below.

Slon_0-1681292456386.png
Slon_0-1681292456386.png870×468 220 KB

Anyone know how can I change these? Thank you!

2

@Slon Without Store URL or preview link we can’t do your help!

3

Hi @Slon
Please share store url and password if any to verify the store

4

This is my store: https://slonmall.myshopify.com/

No password, do you mean this? :grin:

Thank you.

5

Hi @Slon , Just change your "GLASSWARE" collection name to "Glassware". that’s it!

Please let me know if works and like mark as solve!

6

Hi @Slon

You have added all the collection names in Uppercase so we can not directly capitalize them. You need to update all collection’s names to Capitalise or we need to add some custom code to do this.

If possible please add me as a staff into you store so I can make updates.