[SOLVED] Problem with smart cache for css

[DARKF3D3]

Yesterday I upgraded my store from PS 1.4.9 to 1.6.0.9.

Everything seemed working correctly, but when i turn on smart cache for css i notice some problem with checkout page (look at the attached image).

A lot of style seem missing and all the header layout is wrong.

Inspecting code with chrome i don't see any errors.

 

Anyone can help me?

 

Edited April 23 by DARKF3D3 (see edit history)

[JPresta.com]

Did you check all your CSS files to be sure there is no syntax error (that will mess up the CCC algorithm)?

[DARKF3D3]

I try to check global.css and some other css file, the problem is that there's thousand of lines and it's really hard to find where could be a syntax error. The no tool that can help finding syntax error? I try inspecting code with chrome but i don't find something useful.

[JPresta.com]

And with this: http://jigsaw.w3.org/css-validator/#validate_by_input ?

[DARKF3D3]

Only with global.css it gives 72 error:

1385 input[type=radio], input[type=checkbox] Numero non valido : margin-top Vi sono troppi valori, oppure i valori non sono riconosciuti : 1px \000009

1661 .btn La proprietà user-select non esiste : none

1676 .btn.disabled, .btn[disabled], fieldset[disabled] .btn La proprietà pointer-events non esiste : none

1678 .btn.disabled, .btn[disabled], fieldset[disabled] .btn Parse Error opacity=65)

1944 .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

1944 .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus La proprietà progid non esiste : DXImageTransform

1944 .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus Parse Error DXImageTransform.Microsoft.gradient(enabled = false);

1947 Parse Error [: not-allowed; } .open > .dropdown-menu]

2993 Spiacente, at-rule @-webkit-keyframes non è implementata.

3000 Spiacente, at-rule @-moz-keyframes non è implementata.

3007 Spiacente, at-rule @-o-keyframes non è implementata.

3092 .media, .media-body La proprietà zoom non esiste : 1

3203 .panel-heading non sono consentiti valori negativi per -1px : -1px

3204 .panel-heading non sono consentiti valori negativi per -1px : -1px

3217 .panel-footer non sono consentiti valori negativi per -1px : -1px

3218 .panel-footer non sono consentiti valori negativi per -1px : -1px

3329 .close Parse Error opacity=20)

3335 .close:hover, .close:focus Parse Error opacity=50)

3368 .text-hide Numero non valido : font 0 non è un valore per font-weight : 0 / 0 a

3377 Spiacente, at-rule @-ms-viewport non è implementata.

3382 Parse Error @-ms-viewport { width: 320px; }

3382 Parse Error }

3860 [class^=icon-], [class*= icon-] Parse Error *margin-right: .3em;

3860 [class^=icon-], [class*= icon-] Parse Error }

4065 .icon-stack [class^=icon-], .icon-stack [class*= icon-] Parse Error *line-height: 2em;

4065 .icon-stack [class^=icon-], .icon-stack [class*= icon-] Parse Error }

4068 .icon-stack .icon-stack-base Parse Error *line-height: 1em;

4068 .icon-stack .icon-stack-base Parse Error }

4084 Spiacente, at-rule @-moz-keyframes non è implementata.

4091 Spiacente, at-rule @-webkit-keyframes non è implementata.

4098 Spiacente, at-rule @-o-keyframes non è implementata.

4105 Spiacente, at-rule @-ms-keyframes non è implementata.

4126 .icon-rotate-90:before provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

4126 .icon-rotate-90:before La proprietà progid non esiste : DXImageTransform

4126 .icon-rotate-90:before Parse Error DXImageTransform.Microsoft.BasicImage(rotation=1);

4126 .icon-rotate-90:before Parse Error }

4134 .icon-rotate-180:before provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

4134 .icon-rotate-180:before La proprietà progid non esiste : DXImageTransform

4134 .icon-rotate-180:before Parse Error DXImageTransform.Microsoft.BasicImage(rotation=2);

4134 .icon-rotate-180:before Parse Error }

4142 .icon-rotate-270:before provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

4142 .icon-rotate-270:before La proprietà progid non esiste : DXImageTransform

4142 .icon-rotate-270:before Parse Error DXImageTransform.Microsoft.BasicImage(rotation=3);

4142 .icon-rotate-270:before Parse Error }

5614 .button.button-medium.exclusive span:hover La proprietà filter non esiste : none

5656 .btn.button-plus span, .btn.button-minus span provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

5656 .btn.button-plus span, .btn.button-minus span La proprietà progid non esiste : DXImageTransform

5656 .btn.button-plus span, .btn.button-minus span Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='white',GradientType=0);

5656 .btn.button-plus span, .btn.button-minus span Parse Error }

5662 .btn.button-plus:hover span, .btn.button-minus:hover span La proprietà filter non esiste : none

5700 .button.ajax_add_to_cart_button span provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

5700 .button.ajax_add_to_cart_button span La proprietà progid non esiste : DXImageTransform

5700 .button.ajax_add_to_cart_button span Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0);

5700 .button.ajax_add_to_cart_button span Parse Error }

5704 .button.ajax_add_to_cart_button:hover span La proprietà filter non esiste : none

5725 .button.lnk_view span provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

5725 .button.lnk_view span La proprietà progid non esiste : DXImageTransform

5725 .button.lnk_view span Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0);

5725 .button.lnk_view span Parse Error }

5729 .button.lnk_view:hover span La proprietà filter non esiste : none

6416 ul.step li.step_current provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

6416 ul.step li.step_current La proprietà progid non esiste : DXImageTransform

6416 ul.step li.step_current Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0);

6418 Parse Error [: #399b49 #51ae5c #208931 #369946; } ul.step li.step_current span]

6438 ul.step li.step_todo provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

6438 ul.step li.step_todo La proprietà progid non esiste : DXImageTransform

6438 ul.step li.step_todo Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0);

6438 ul.step li.step_todo Parse Error }

6459 ul.step li.step_done provato a trovare un punto e virgola prima del nome della proprietà. aggiungilo

6459 ul.step li.step_done La proprietà progid non esiste : DXImageTransform

6459 ul.step li.step_done Parse Error DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0);

6459 ul.step li.step_done Parse Error }

Edited September 10, 2014 by DARKF3D3 (see edit history)

[El Patron]

What version was your template originally written for?

 

Did you upgrade theme when you upgraded to 1.6.0.9?

 

curious minds want to know.

[DARKF3D3]

The template was for PS1.6.0.6.

After a bit test on local I managed to make it work with 1.6.0.9 changing only the header.tlp file.

 

Do you think that could be something not compatible in the file involved in checkout process?

[El Patron]

post front office url?

[DARKF3D3]

The url is in signature, actually smart cache css it's disabled because as I told, break header on checkout page.

[El Patron]

for me anyway, I screen shot is not sufficient to help..

 

maybe Mr. Martin or other community member will have an idea.

 

if it was me an mine?  I'd use firebug inspect element to compare before and after .css (working vs not-working).  I would also contact theme developer as there may be issue with that theme and CCC, did it work in 1.6.0.6 ps?

[DARKF3D3]

Unfortunatelly when i tested on PS1.6.0.6 i didn't try to enable caching, so i don't know if it working correctly on that version.

I'll try to do more search with firebug to see if i notice something strange.

 

 

EDIT:

Found: A "}" missing in a css file.

Edited September 13, 2014 by DARKF3D3 (see edit history)