Vendor and Product Name - Different Cases

Store Design
1

Hi there! I wanted to know whether I can have the Vendor name displayed in all UPPERCASE, while the Product Name is displayed in LOWERCASE with the first letter of the word capitalized.

For example, let’s say I have the Vendor as Nike, and the Product Name as Running Shoes 123, I would like it to be displayed as below:
NIKE
Running Shoes 123

I know in the theme settings I can choose either to both the Vendor and Product Name in all uppercase, lowercase or in the way I inputted the info, but I would like the 2 to be different.

Any help would be appreciated, thank you! :slightly_smiling_face:

1 Like
2

@Jerny

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@Jerny

Please share your store URL.

4

Can you share your store’s URL?

5

My shop’s URL is www.beautycourt.com

Thank you for your time and help!

6

My shop’s URL is www.beautycourt.com

Thank you for your time and help!

7

@Jerny

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.product-item .product--item-title {
    text-transform: capitalize !important;
}

.product-item-brand {
    text-transform: uppercase !important;
}

Thanks!

1 Like
8

It works perfectly, thank you so much for your time and help!

1 Like
9

@Jerny

If helpful then please Like and Accept Solution