Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Ürünlerin isimlerine göre ( uzun-kısa) product box ta kaymalar oluyor bunu önüne nasıl geçebiliriz.
stylesheet.css de biraz oynama yaptım ama bir farklılık olmadı. Ayrıca ürünlerin isimlerine limit koyduğumuz zaman ise yarım çıkıyor. misal (ürün isi...) şeklinde
1) resim için üstte sabit bir yer
2) mesela ürün isimleri için resmin altında bütün ürünlerde geçerli olmak üzere 3 satır ve sabit yer
3) fiyat için 1 satır sabit yer
4) sepete alt tarafta sabit yer
Bu şekilde yapma imkanımız var mı ?

Merhaba,

CSS'leri görebilmemiz için sayfanın adresini verebilir misiniz ?

tabi hocam
http://www.nalbursitesi.com

(03-03-2012 12:28 AM)flayk Yazılan:  tabi hocam
http://www.nalbursitesi.com

selam dostum,

verdiğin adresteki product box'lardan bahsettiğini varsayıyorum. Burda değişiklik yapmak için öncelikle stylesheet.css dosyasında 633. satırda .box-product > div ile başlayan class da width ve min-height değeri tanımlamışsınız zaten. buradaki min-height değeri arttırılarak kaymanın önüne geçilebilir. Sorun olan bir ürün göremediğim için yine varsayım üzerinden konuşacağım;

Öncelikle ürün adının göründüğü kısım için bir class tanımlanmamış (altındaki a için tanımlanmış olsa da) bunu tanımlayarak başlayabiliriz.
689. satırın hemen üstüne;


bu değerlerle oynayıp ortalama bir görüntü elde edebiliriz. Böylece ürün ismi uzun olsada (iki satır mesela) kutularda bir kayma olmayacak.

gönderdiğiniz resimdeki gibi bir box yapılması için oturup photoshop ya da benzeri bir programda bu şekilde bir kutu çizmeli bunu düzgünce kesmeli ve css ile giydirmelisiniz. Bu konuda iş yoğunluğum sebebiyle malesef birşeyler çizip paylaşacak durumda değilim ancak siz çizip kesmeye başlarsanız takıldığınız yerde elimden geldiğince yardımcı olmaya çalışırım ve tpl dosyasında uygun yere koymanız için yardım edebilirim.

sorun çıkaran uzun isimli ürünü görebileceğimiz bir link daha verebilir misiniz bu arada ?

(03-03-2012 12:49 AM)buraksahin Yazılan:  

(03-03-2012 12:28 AM)flayk Yazılan:  tabi hocam
http://www.nalbursitesi.com

selam dostum,

verdiğin adresteki product box'lardan bahsettiğini varsayıyorum. Burda değişiklik yapmak için öncelikle stylesheet.css dosyasında 633. satırda .box-product > div ile başlayan class da width ve min-height değeri tanımlamışsınız zaten. buradaki min-height değeri arttırılarak kaymanın önüne geçilebilir. Sorun olan bir ürün göremediğim için yine varsayım üzerinden konuşacağım;

Öncelikle ürün adının göründüğü kısım için bir class tanımlanmamış (altındaki a için tanımlanmış olsa da) bunu tanımlayarak başlayabiliriz.
689. satırın hemen üstüne;

Kod:

.box-product .name {
min-height: 35px;
margin-bottom: 10px;
}

bu değerlerle oynayıp ortalama bir görüntü elde edebiliriz. Böylece ürün ismi uzun olsada (iki satır mesela) kutularda bir kayma olmayacak.

gönderdiğiniz resimdeki gibi bir box yapılması için oturup photoshop ya da benzeri bir programda bu şekilde bir kutu çizmeli bunu düzgünce kesmeli ve css ile giydirmelisiniz. Bu konuda iş yoğunluğum sebebiyle malesef birşeyler çizip paylaşacak durumda değilim ancak siz çizip kesmeye başlarsanız takıldığınız yerde elimden geldiğince yardımcı olmaya çalışırım ve tpl dosyasında uygun yere koymanız için yardım edebilirim.

sorun çıkaran uzun isimli ürünü görebileceğimiz bir link daha verebilir misiniz bu arada ?

iyi akşamlar öncelikle ilgilendiğiniz için teşekkür ederim. ben bu söylediklerinizin hepsini yapıp ayrıntılı bir şekilde yazacağım buradan.
http://www.nalbursitesi.com/deneme/
burada ilk önce test ediyorum sonra oraya uyarlıyorum.
kutu olarak eklentideki resmi kullanabilirim css kodlarını buna uyarlamaya çalışacağım

(03-03-2012 01:05 AM)flayk Yazılan:  iyi akşamlar öncelikle ilgilendiğiniz için teşekkür ederim. ben bu söylediklerinizin hepsini yapıp ayrıntılı bir şekilde yazacağım buradan.
http://www.nalbursitesi.com/deneme/
burada ilk önce test ediyorum sonra oraya uyarlıyorum.
kutu olarak eklentideki resmi kullanabilirim css kodlarını buna uyarlamaya çalışacağım

WAMP gibi bir paket yükleyip testlerinizi kendi makinanızda yapmanız sizin için zamandan oldukça tasarruf ettirir bu arada.. Birde Chrome (yada firefox ve firebug eklentisi) ile düzenlemek istediğiniz bölümü sağ tıklayıp Öğeyi Denetle seçeneği ile css'ini değiştirdiğiniz an nasıl olacağını görerek daha hızlı ilerlersiniz.

(03-03-2012 01:23 AM)buraksahin Yazılan:  

(03-03-2012 01:05 AM)flayk Yazılan:  iyi akşamlar öncelikle ilgilendiğiniz için teşekkür ederim. ben bu söylediklerinizin hepsini yapıp ayrıntılı bir şekilde yazacağım buradan.
http://www.nalbursitesi.com/deneme/
burada ilk önce test ediyorum sonra oraya uyarlıyorum.
kutu olarak eklentideki resmi kullanabilirim css kodlarını buna uyarlamaya çalışacağım

WAMP gibi bir paket yükleyip testlerinizi kendi makinanızda yapmanız sizin için zamandan oldukça tasarruf ettirir bu arada.. Birde Chrome (yada firefox ve firebug eklentisi) ile düzenlemek istediğiniz bölümü sağ tıklayıp Öğeyi Denetle seçeneği ile css'ini değiştirdiğiniz an nasıl olacağını görerek daha hızlı ilerlersiniz.

vakit ayırdığınız için teşekkür ediyorum sonunda oldu sayenizde üstteki kodu ekleyip değerlerle oynadığımda istediğim kıvama geldiğini gördüm. Tam olarak istediğimde bu şekildeydi. ayrıca vermiş olduğunuz bilgiler benim için altın kıymetinde denilebilir orada düzenleyip görüp sonra oradada aynı işlemleri yapmak gerçekten vakit kaybıydı benim için. chrome den öğeyi denetleyi çok sık kullanıyorum ama daha önce hiç oradan oynama yapmamıştım bunu öğrendiğimde iyi oldu.
İyi Akşamlar