Sitenizdeki Tooltiplerden sıkıldıysanız buyrun vTip tooltip uygulaması...

[mdogan35]

Merhaba Arkadaşlar sayfama uyguladığım birşeyi paylaşmak istedim.
Sayfalarınızdaki tooltiplerden sıkıldıysanız bunu deneyin...
Opencart 1.4.x ve Opencart 1.5.x için geçerlidir.

Ekteki dosyaları anadizininize atın.

daha sonra

catalog/view/theme/default/template/common/header.tpl dosyasını açın ve

Bul

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>

Üstüne ekle

<script type="text/javascript" src="catalog/view/javascript/vtip.js"></script>

Sonra

catalog/view/theme/default(template)/stylesheet/stylesheet.css dosyasını açın ve en sonuna aşağıdaki kodları ekleyin.

p#vtip {
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 11px;
	background-color: white;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9999;
	margin-top: 20px;
}
p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 5px;
}

Bundan sonra linklerinize class="vtip" title="görünen metin." olarak ekleyip kullanabilirsiniz...

Örnek
<a href="<?php echo str_replace('&', '&', $login); ?>" id="tab_login" class="vtip" title="Anasayfaya gider."><?php echo $text_login; ?></a>

Resimde görüldüğü gibi güle güle kullanın.

 

[yigit0can]

kardesim Tam Kodu Verebilirmisin ben kullanama dım

<div class"vtip" title="yazı buraya"> böylemi yapacağız Bu kodu yaparmısınız bana


<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>

 

[mdogan35]

Diğer eklentileri doğru şekilde yaptıysan resim link veya form kutucukları üzerinde class="vtip" ve title olarak eklediğiniz her tag üzerinde eklerseniz gösterim yapar.

<li><a href="<?php echo $newsletter; ?>" class="vtip" title="Haber Bülteni (veyaz sen ne yazmak istersen)"><?php echo $text_newsletter; ?></a></li>

href ten sonrasına, altı çizili bölüme dikkat edersen anlarsın nasıl olacağını.

Sorun olursa yine yardımcı olmaya çalışırım.

 

[can91]

Teşekkürler paylaşım için.

 

[By_Surmeneli]

peki şunu nasıl yapabiliriz. Ürün resmi üzerine gelince yada linkine o ürüne ait bilgileri göstersin detayda yazdıklarımızı

 

[mdogan35]

title kısmına description yazdıracaksın. Böylece bilgileri gösterecektir denemedim ama sanırım şu şekilde olur.
Category.tpl Dosyası içerisindeki resimlere class="vtip" title="<?php echo $description; ?>" gibi eklersen sonuç alabilirsin sanıyorum ben denemedim sonucu yazarsanız yardımcı olurum.