İçindekiler
Bir sitenin bakım sayfası çok önemli bir husustur, çünkü çeşitli nedenlerle (tedarikçi sorunları, kaynak kodu güncellemesi, yeni ticari düzenlemelerin yürürlüğe girmesi) sayfamızı geçici olarak askıya almamız gereken zamanlar vardır, ancak ne olursa olsun, kullanıcı ve potansiyel müşteri, arkasındaki kişinin tüm profesyonelliğini yansıtmalıdır.bakım.css
moduna girerken bakım çevrimiçi mağazamızda Prestashop, varsayılan temayı kullanıyorsak kullanıcılarımız aşağıdakileri görecektir:
Bu dosyanın içeriğini görelim:
*, gövde {kenar boşluğu: 0; dolgu: 0} gövde {yazı tipi ailesi: 90% / 1em 'Lucida Grande', Verdana, sans-serif} #maintenance {genişlik: 450 piksel; kenar boşluğu: 35px otomatik 0 otomatik; dolgu: 12 piksel 0; arka plan: #fff; metin hizalama: merkez; metin dönüştürme: yok; yazı tipi ağırlığı: normal; harf aralığı: 0; renk: # C73178} #mesaj {genişlik: 450 piksel; üst kenar boşluğu: 35 piksel; dolgu: 12 piksel 15 piksel; üst kenarlık: 1 piksel noktalı # 666; kenarlık-alt: 1 piksel noktalı # 666; arka plan: # F9E3EE; metin hizalama: yasla; yazı tipi: 90% / 1em 'Lucida Grande', Verdana, sans-serif; metin dönüştürme: yok; yazı tipi ağırlığı: normal; harf aralığı: 0; renk: # C73178} #message img {dolgu: 30px} Kodu değerlendirirken, bakım sayfamızın yapısını veren 3 büyük seçicimiz olduğunu fark ettik, şimdi her seçiciyi görsel olarak yerleştirebilmek için aşağıdaki resmi görelim:
bakım.tpl
Dosyalar CSS nın-nin Prestashop kontrol dosyaları .tpl şablonlar nelerdir akıllı, şablonların kullanımı işi geliştirir ve kolaylaştırır, bunun için şablonu bilmeliyiz bakım.tpl Bunu anlayan kodu görelim:
{$ meta_title | escape: 'htmlall': 'UTF-8'} {if isset ($ meta_description)} {/ if} {if isset ($ meta_keywords)} {/ if}
{l s = '*****'da site bakımı yapmak için online mağazamız geçici olarak çevrimdışına alınmıştır. Verdiğimiz rahatsızlıktan dolayı özür dileriz ve lütfen daha sonra tekrar denemenizi rica ederiz! '}
Seçicilerin her birini gördüğümüz gibi CSS bu dosyada mevcut olduğundan yaptığımız her değişikliğin bu bölüme etkisi olacaktır.
Örneğin mesaj bölümünde:
Aşağıdaki şekilde değiştirebiliriz:
O zaman değiştirebiliriz CSS Takip ederek:
#bakım {genişlik: 750 piksel; kenar boşluğu: 35px otomatik 0 otomatik; dolgu: 12 piksel 0; arka plan: #fefefe; metin hizalama: merkez; metin dönüştürme: yok; yazı tipi ağırlığı: kalın; harf aralığı: 0; renk: # 3FCA66} #mesaj {genişlik: 450 piksel; üst kenar boşluğu: 35 piksel; dolgu: 12 piksel 15 piksel; üst kenarlık: 1 piksel noktalı # 666; kenarlık-alt: 1 piksel noktalı # 666; arka plan: # 2EE6F3; metin hizalama: yasla; yazı tipi: 90% / 1em 'Lucida Grande', Verdana, sans-serif; metin dönüştürme: yok; yazı tipi ağırlığı: normal; harf aralığı: 0; renk: # 000} #message img {dolgu: 10px} Kalın harflerle vurguladığımız bu küçük değişikliklerle, .tpl şablonunda yapılan değişikliğe eklenerek aşağıdaki görsele benzer bir şey elde edebiliriz:
Bununla öğreticiyi bitiriyoruz ve bununla bakım sayfamızı nasıl değiştireceğimize dair bilgi ediniyoruz ve müşterilerimizin biz yayında olmadığımızda kalitemizin aynı olacağını bilecekleri.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
