Sağ - Sol Blokları Kaldırmak / Düzenlemek

öz_ak · 11 Eki 2010

kolay gelsin
Ürün Sayfasında Ve Bilgi Sayfalarında sağ bloğu kaldırmalıyım.Yardımcı olurmusunuz çalışmalarınızda başarılar...

samnet · 11 Eki 2010

RE: Sağ Bloğu Kaldırma

XXXXXXXXXXXXXXXXXXXXXXXX
yalnış bilgi için özür dilerim...

mirac · 11 Eki 2010

RE: Sağ Bloğu Kaldırma

samnet verdiğin bilgi yanlış. senin dediğin şekilde bütün temaya uygulamış olursun ve moduller yine yüklenmiş olur

Bilgi sayfası
catalog\view\theme\default\template\information\information.tpl
Ürün sayfası
catalog\view\theme\default\template\product\product.tpl

Sağ block için
Bul ve Sil

Kod:

<?php echo $column_right; ?>

Sol block için
Bul ve Sil

Kod:

<?php echo $column_left; ?>

admin · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

İkisinde doğru yanları ve yanlış yanları var.

Sadece CSS leri silerseniz temada hatalar meydana gelir.

Mirac senin dediğin şekilde sağ veya sol blok kodları kaldırarak yaparsak da bu kodların olduğu tüm dosyaları düzenlenmesi gerekir.

En kolay yol ise

catalog\view\theme\default\template\common\column_left.tpl veya column_right.tpl dosylarının içini boşaltmak olacaktır. Sağ veya sol blok kodları bu dosyaları çağırsa bile içi boş olacağından ekrana birşey yazdırılmayacaktır.

Daha sonra CSS den ayarlama yapmanız gerekli

Sol bloğu kaldırmak için width: 180px; değerini sıfır yapın

Kod:

#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	clear: left;
}

Sağ bloğu kaldırmak için width: 180px; değerini sıfır yapın

Kod:

#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	clear: right;
}

Sol blok için margin-left: 190px; sağ blok için margin-right: 190px; değerini sıfır yapınız.

Kod:

#content {
	margin-left: 190px;
	margin-right: 190px;
	margin-bottom: 10px;
}

öz_ak · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

bu şekilde yaparsam sanırım bloklar hiç çıkmaz benim istediğim ise ürün ve bilgi sayfalarında çıkmaması

mirac' Alıntı:
samnet verdiğin bilgi yanlış. senin dediğin şekilde bütün temaya uygulamış olursun ve moduller yine yüklenmiş olur

Bilgi sayfası
catalog\view\theme\default\template\information\information.tpl
Ürün sayfası
catalog\view\theme\default\template\product\product.tpl

Sağ block için
Bul ve Sil

Kod:

<?php echo $column_right; ?>

Sol block için
Bul ve Sil

Kod:

<?php echo $column_left; ?>

bunu denedim.dediğin gibi bloklar istediğim yerden kalkıyor sağolasın fakat orta blok aynı büyüklükte kalıyor bu orta bloğun ölçüsünü nasıl ayarlamam gerekiyor ilgi ve alakanız için teşekkür ederim.

admin · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

Ben mesajın başlığına göre yazmıştım o zaman Miracı dediği kodları kaldır ve bu değiklikleri yap

Blokları kaldıracağım dosyalarda <div id="content"> kodunu <div id="bloksuz"> ile değiştir

Bu kodları CSS dosyana ekle kaldırdığınız bloklara margin-left: 0px; ya da margin-right: 0px; kodunu kendinize göre değiştirin.

Kod:

#bloksuz {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#bloksuz .top .left {
	background: url('../image/content_top_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#bloksuz .top .right {
	background: url('../image/content_top_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}
#bloksuz .top .center {
	background: url('../image/content_top_center.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
}
#bloksuz .top h1, .heading {
	padding: 8px 0px 8px 7px;
}
#bloksuz h1, .heading {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}

#bloksuz .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 30px;
}
#bloksuz .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#bloksuz .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#bloksuz .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin: 0 5px 10px 5px;
}

öz_ak · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

eka7a' Alıntı:

Ben mesajın başlığına göre yazmıştım o zaman Miracı dediği kodları kaldır ve bu değiklikleri yap

Blokları kaldıracağım dosyalarda <div id="content"> kodunu <div id="bloksuz"> ile değiştir

Bu kodları CSS dosyana ekle

Kod:

#bloksuz .top .left {
	background: url('../image/content_top_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#bloksuz .top .right {
	background: url('../image/content_top_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}
#bloksuz .top .center {
	background: url('../image/content_top_center.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
}
#bloksuz .top h1, .heading {
	padding: 8px 0px 8px 7px;
}
#bloksuz h1, .heading {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}

#bloksuz .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 30px;
}
#bloksuz .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#bloksuz .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#bloksuz .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin: 0 5px 10px 5px;
}

dediğinizi yaptım dediğim gibi oldu teşekkür ederim yanlız border yanı çerçeveler ortada yok bu yüzden yazılar sol blok altında deva nediyor sağ tarafta çerçeveden çıkıyor.bunu da çözersek çok güzel olacak.şimdiden teşekkür ederim.

belki birşeyi eksik yapıyor olabiliim.ben sadece information.tpl , product.tpl ve stylesheet.css dosyalarında değişiklik yaptım bu yerlimi ?

admin · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

CSS kodunu eksik eklemişim css kodunu tekrar ekle ve açıklamasını oku.

öz_ak · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

eka7a' Alıntı:
CSS kodunu eksik eklemişim css kodunu tekrar ekle ve açıklamasını oku.

teşekkür ederim emegine ilgine sağlık.çalışmalarında kolaylıklar dilerim
bu arada bizi tek ürünlük tema ne alemde

admin · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

Baştan uyguladım bir sorun gözükmüyor tekrar kontrol ediniz.

öz_ak · 12 Eki 2010

RE: Sağ - Sol Blokları Kaldırmak

eka7a' Alıntı:
Baştan uyguladım bir sorun gözükmüyor tekrar kontrol ediniz.

özür dilerim blok değerlerini girmediğim için öle oluyormuş tekrar teşekkürler.

emine · 5 Mar 2011

merhaba Sağ Riht bölümünü iptal edip orta blok olan Bölümünün genişlemesi gerekli nasıl yapabilirim

knngys · 7 Mar 2011

Merhabalar, 149 sürüm ve lilac tema kullanmaktayım.

2 column olan bu temanın "sağ bloğunu" kaldırmak istiyorum ancak ilginçtir temanın dosyaları arasında "column_right.tpl" bulunmuyor yalnızda "header.tpl" ve "footer.tpl" var.

Yalnızca css'den "right column width değerini 0" yaptığımda da değişen birşey olmuyor ne yapmam lazım acaba?

Teşekkürler.

admin · 7 Mar 2011

temanızda yoksa default temaya uygulayınız ya da temanızda olmayan dosyaları kendi temanız içine kopyalayınız ve uygulayınız.

knngys · 7 Mar 2011

eka7a' Alıntı:
temanızda yoksa default temaya uygulayınız ya da temanızda olmayan dosyaları kendi temanız içine kopyalayınız ve uygulayınız.

Çok teşekkür ederim kardeşim aynen dediğin şekilde yaptım ve istediğim gibi oldu.

emine · 8 Mar 2011

Oldu arkaadaşlar ilgileriniz için teşekkür ederim

Google · 9 Mar 2011

arkadaşlar ne olur söyleyin orta blogu nasıl sağa doğru genişletebilirim aradım bi türlü bulamadım hangi dosyada nereyi düzeltecez ...

debreli · 9 Mar 2011

stylesheet/stylesheet.css aç
bul

Kod:

#content {
	margin-left: 190px;
	margin-right: 190px;
	margin-bottom: 10px;

margin-right: 190px;

190 değerini düşürmeyi dene.

admin · 9 Mar 2011

Google' Alıntı:
arkadaşlar ne olur söyleyin orta blogu nasıl sağa doğru genişletebilirim aradım bi türlü bulamadım hangi dosyada nereyi düzeltecez ...

Arkadaşım sanki konu içerisinde anlatılmamış gibi yazıyorsun. Konuyu okuma zahmetini gösterseniz cevabınızı bulabilirsiniz. Boşu boşuna da beklemezsiniz.

enverduzz · 6 May 2011

RE: lilac tema ie de kaymalar oluyor

arkadaşlar lilac tema kullanıyorum. crome'da düzgün gözüküyor ama ie 'da kaymalar oluyor neden acaba?

Sağ - Sol Blokları Kaldırmak / Düzenlemek

OpenCart-TR

OpenCart-TR

OpenCart-TR

Administrator

OpenCart-TR

Administrator

OpenCart-TR

Administrator

OpenCart-TR

Administrator

OpenCart-TR

OpenCart-TR

OpenCart-TR

Administrator

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

Administrator

OpenCart-TR