PrestaShop'ta tema değişikliği sonrası CSS veya responsive görüntüleme hataları

En sık görülen ve en yanlış anlaşılan neden: CCC önbelleği

PrestaShop, Tercihler > Performans altında yapılandırılabilen, CSS ve JS dosyalarını birleştiren, sıkıştıran ve önbelleğe alan yerleşik bir özelliğe sahiptir. Yükleme hızını artırmak için birden fazla dosyayı tek bir dosyada birleştirir, ardından bu birleştirilmiş dosyayı önbellekte tutar. Bir CSS değişikliğinden sonra bu önbellek temizlenmezse, site birleştirilmiş eski sürümü göstermeye devam eder: CSS diskte gerçekten değiştirilmiş olsa bile «göz ardı edilmiş gibi görünür».

Bir diğer sık görülen neden: bir modül veya uygun bir override yerine doğrudan tema dosyalarına eklenmiş bir CSS dosyasıdır. Bu doğrudan değişiklik, bir sonraki tema güncellemesinde uyarı vermeden üzerine yazılır, bu da yeniden ortaya çıkmış bir hata izlenimi verir.

PrestaShop sürümleri arasında bir grid değişikliği

CSS grid yapısı, varsayılan teması Bootstrap 3 tabanlı olan PrestaShop 1.6 (col-xs-12, img-responsive, pull-right sınıfları) ile Classic teması Bootstrap 4 tabanlı olan PrestaShop 1.7/8 (col-12, img-fluid, float-right sınıfları) arasında büyük ölçüde değişir. İki sürümden biri için yazılmış bir eğitimden alınan bir CSS sınıfını diğerine uygulamak, genellikle özellikle mobilde sayfa düzenini bozar.

Yapılandırma mı, geliştirme mi?

CCC önbelleğini temizlemek ve doğru CSS dosyasını doğru yerde düzenlediğinizi kontrol etmek, çoğu durumu çözer. Doğrudan yapılmış bir tema değişikliğinin güncellemelerden etkilenmeyen temiz bir override'a düzgünce dönüştürülmesi veya yanlış Bootstrap sürümü için tasarlanmış bir grid'in düzeltilmesi gerektiğinde bu bir geliştirme konusu hâline gelir.