Capitalize Uppercase Product Title using JavaScript

[Enlightment]

How to do so?

The point is the title to be always capitalized (with upper first letter of every word), even when the input is different. If the text is lowercase, it can be done with only css, but when the text is uppercase, it has to be first lowered. You need both script and css. I'm still not really familiar with Prestashop design development, so please give me any hint how to make this code working on category view page for example.

I've linked the new .js file in category controller, so it's now appearing in the code of category view pages, but I cannot force the change. Maybe I'm lacking javascript skills too.

 

I've tried:

$(document).ready(function()

{

document.getElementsByTagName("h3").value.toLowerCase();

});

 

But then the left categories' navigation disappears and it's still not working. Perhaps because I close the function used somewhere else too.

 

Any help will be appreciated.

[PrestaCoder.com]

Hi, why not using only CSS?

 

For instance:

 

h3 {text-transform:capitalize;}

[guest*]

Any purpose behind your request ? Search engines do not make any difference between capital/uppercase letters in titles or not. The only difference is on the tag-flag (h1, h2, h3). So css change is enough for that.

[Enlightment]

I tried to explain it in my first post. You cannot capitalize all CAPS text. It doesn't effect it at all. So I have to first make the whole text lowercase and then capitalize. It can be done only with scripts - PHP or JavaScript. It's not that much important, but it's a matter of visual readability and design. I want to be sure that whoever writes the inputs, the text will be shown in the same way.