İçindekiler
Stil sayfaları ile veya CSS Web ortamında hemen hemen her şeyi başarabiliyoruz, elde ettiğimiz efektler tüm siteye uygulanıyor ve sayfa boyunca homojen bir kimlik oluşturma imkanı veriyor.neyse ki Prestashop Bu standart kullanılarak inşa edilmiştir, böylece görünümünde çok hızlı bir şekilde değişiklik yapabiliriz ve konvansiyonları takip edersek mağazamızda uygulanan efektlere ulaşabilir, böylece grafik kimliğimizi oluşturabiliriz.
Prestashop CSS dosyalarını bilmek
Her zaman olduğu gibi mağazamızda bir şeyi değiştirmeye başlamadan önce yapmamız gereken ilk şey nerede durduğumuzu bilmektir, bu durumda kendimizi mağazanın yapısına alıştırmalıyız. Prestashop ve farklı dosyaları nereden alabiliriz CSS.
Kurulumumuzun klasör yapısını açarsak Prestashop klasöre gitmeliyiz temalar, içinde mağazamız için mevcut farklı temalar olacak, bu sayede imajımızın farklı varyasyonlarına sahip olabiliriz.
Herhangi bir değişiklik yapacaksak, önce verileri yedeklememiz gerektiğini hatırlamak her zaman önemlidir, bunun için değiştirmek için temanın klasörünü kopyalayabilir ve başka bir adla kaydedebiliriz, bu şekilde geri dönebiliriz. gerekirse önceki sürüm.
Klasörde bir kez temalar ve değiştirmek için temayı zaten girdikten sonra, klasörü bulmalıyız. cssSeyahat etmemiz gereken yolu göstermek için aşağıdaki resme bakalım:
Çok iyi, bu klasöre girdikten sonra aşağıdaki dosyalara sahip olmalıyız:
- global.css
- bakım.css
- sahneler.css
Bir diğer önemli husus, sözdizimini biraz bilmektir. CSSBu biraz bunaltıcı olsa da, her değişiklik yaptığımızda bilerek hareket edebilmemiz için dosyamızdaki her şeyin ne anlama geldiğini bilmek çok önemlidir.
global.css
Bu, mağazamızın tüm sayfalarının genel görünümünü değiştirmemizi sağlayan genel dosyadır.
Bu dosya ile kontrol edebileceğimiz yönler şunlardır:
- Arka plan rengi
- Yazı Boyutu
- Yazı tipi
- Renk
- Metin hizalama
- Paragraf ve sayfa formatı
Birçok değişiklik yapabilmemize rağmen, dosyayı kullanabilmemiz için başlatırken, değerleri değilse mevcut sözdizimini değiştirmemeniz önerilir. CSS temel olarak ve bu şekilde yaptığımız değerlerin her modifikasyonunda hangi değişikliklerin meydana geldiğini öğrenmek.
Mağazamızın görünümünü stil dosyaları aracılığıyla değiştirmeye başlamak için zaten bir temelimiz var ve ayrıca daha profesyonel sonuçlar elde etmek için araştırmamız ve öğrenmemiz gereken başka kavramlar olduğunu da biliyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.