Opencart 2.x sürümleri için, Jquery açılır kapanır Copyright menüsü

Guazy · 20 Mar 2016

Modifikasyon Önizlemesi:
1: [attachment=2432]
2: [attachment=2433]

Modifikasyon Açıklaması:
Sitenizin alt kısmında bulunan Powered, Copyright yazılarını gizli bir sekme içine alır, simgeye tıklayarak açılıp kapatılabilir.

Dosya Adı: footer.tpl
Dosya Yolu: catalog/view/theme/TEMA ADINIZ/template/common/footer.tpl

BUL ve SİL

Kod:

<hr>
<p><?php echo $powered; ?></p>

Dosya Adı: header.tpl
Dosya Yolu: catalog/view/theme/TEMA ADINIZ/template/common/header.tpl

BUL

Kod:

<body class="<?php echo $class; ?>">

ALTINA EKLE (gerekli alanları kendinize göre düzenleyin)

Kod:

<!-- Copyright Basladi-->
<div id="copyright_info">	
	<div id="up_button_author">
		&copy;
	</div>
	<div id="copyright_links">	
	</div>
</div>
<script>
	$( document ).ready(function() {
		powered_oc = 'Powered By <a href="http://www.opencart.com">OpenCart</a> 2.0.1.1';
		if(document.getElementById('home_content')){
			author = 'Design by: <a href="http://www.facebook.com/delidolu1adam" title="Serhat Öktem">Serhat Öktem</a> | ';
		}else{
			author = 'Design by: <a href="http://www.facebook.com/delidolu1adam" title="Serhat Öktem">Serhat Öktem</a> | ';
		}
		document.getElementById("copyright_links").innerHTML = author+powered_oc;
	
		$( "#up_button_author" ).click(function() {
			$( "#copyright_links" ).slideToggle( "slow", function() {});
		});
	});
</script>
<!-- Copyright Bitti-->

Dosya Adı: stylesheet.css
Dosya Yolu: catalog/view/theme/TEMA ADINIZ/stylesheet/stylesheet.css

EN ALT SATIRA EKLE

Kod:

/* Copyright */
#copyright_info{
	margin:0;
	padding:0;
	position:fixed;
	bottom:0px;
	left:0;
	width:100%;	
	z-index:1000;		
}
#up_button_author{
	width:30px;
	height:30px;
	line-height:30px;
	background:rgba(0, 0, 0, 0.7);	
	color:#666;		
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;	
	text-align:center;
	cursor:pointer;
}
#copyright_links{
	background:rgba(0, 0, 0, 0.7);
	height:50px;
	line-height:48px;
	width:100%;	
	display:none;
	padding: 0 0 0 20px;		
}
#copyright_links a{
	color:#888;				
}

D4rkALeX · 16 May 2016

hocam bahsedilen şekilde tam olarak yaptım fakat site görüntüsü bozuluyor baya uğraştım ama çözemedim. El atarsanız çok memnun olucam

D4rkALeX' Alıntı:
hocam bahsedilen şekilde tam olarak yaptım fakat site görüntüsü bozuluyor baya uğraştım ama çözemedim. El atarsanız çok memnun olucam

Azimli fare misali çözdüm teşekkürler

Opencart 2.x sürümleri için, Jquery açılır kapanır Copyright menüsü

Guazy

OpenCart-TR

Ekli dosyalar

D4rkALeX

OpenCart-TR