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

öz_ak

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
44
Web sitesi
www.bitkiselsağlık.com
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

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
63
Tepkime puanı
0
Puanları
0
Yaş
38
Konum
istanbul
RE: Sağ Bloğu Kaldırma

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

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
36
Yaş
42
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
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

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
44
Web sitesi
www.bitkiselsağlık.com
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
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

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
44
Web sitesi
www.bitkiselsağlık.com
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
RE: Sağ - Sol Blokları Kaldırmak

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

öz_ak

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
44
Web sitesi
www.bitkiselsağlık.com
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 :D
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
RE: Sağ - Sol Blokları Kaldırmak

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

emine

OpenCart-TR
Katılım
3 Mar 2011
Mesajlar
6
Tepkime puanı
0
Puanları
0
Yaş
33
Konum
ankara
merhaba Sağ Riht bölümünü iptal edip orta blok olan Bölümünün genişlemesi gerekli nasıl yapabilirim
 

knngys

OpenCart-TR
Katılım
13 Ağu 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
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

OpenCart-TR
Katılım
13 Ağu 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
3 Mar 2011
Mesajlar
6
Tepkime puanı
0
Puanları
0
Yaş
33
Konum
ankara
Oldu arkaadaşlar ilgileriniz için teşekkür ederim
 

Google

OpenCart-TR
Katılım
25 Şub 2011
Mesajlar
4
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
31 Ağu 2010
Mesajlar
196
Tepkime puanı
0
Puanları
0
Web sitesi
vakifshop.com
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

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
38
Konum
Bursa
Web sitesi
www.opencart-tr.com
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

OpenCart-TR
Katılım
10 Kas 2010
Mesajlar
40
Tepkime puanı
0
Puanları
0
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?
 
Üst