Hepsiburda tarzı slide..

osdem66 · 14 Kas 2011

Merhaba arkadaşlar takip ettiğim kadarıyla son zamanlarda genellikle çok kişinin beğendigi istedigi fakat kodlarını bulmakta zorlandıgı hepsiburda.com manset modülünü html olanını (manuel) sizlerle paylaşmak istedim..

Modüle banner resim ekleme:
1.Yukardabelirttigim gibi modül şimdilik manuel ancka boş kaldıgım bir zaman da bun yönetim panelinden resim ekleyecek sekilde düzenlemeyi düşünüyorum(boş kalabilirsem)

2.Resimlerinizi sitenizde modülü yerleştireceginiz genişliğe göre büyük resim ve küçük resim olarak bir resim editöründe oluşturun (ölçüleri ekteki dosyada ki images klasörü içindeki resimlerin boyutunu baz alabilirsiniz..)
3.Daha sonra bu oluşturdugunu büYük resimlere 1.png,2.png,3.png sıralaman isimler veriniz.
4.Küçük resimlerinize ise 1-small.png,2-small.png,3-small.png seklinde sıralanan isimler veriniz..

5. Buresimleri sitenize yüklediginiz aşağıdaki dosyalar içerisindek images kalsörüne yükleyin ftp den siteniz ana dizinine gönderiniz üstüne yazayımmı derse evet i tıklayınız... güle güle kullanınız soru ve sorunlarını bu başlık altından sorabilirsiniz..

DEMO

ekran görüntüsü

Modül(buna modül denirmi bilmiyorum ama

) kurulumu:
1. Ekteki dosyları rardan cıkartıp hepsi-manset klasörü içindeki dosyaları siteniz ana dizininne yükleyin..
2. Siteniz yönetim panelindne eklentiler-modüller-hoşgeldiniz mesajı modülünü açın
3. Yenİ modül ekle yi tıklayın
5. Açılan penceredeki editördeki kaynak yazısını tıklayın ve alttaki text alanına aşağıdaki kodu ekleyin

Kod:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<script type="text/javascript" src="slide/js/jquery-ui.min.custom.js"></script><script type="text/javascript" src="slide/js/jquery.scroll.js"></script><script type="text/javascript" src="slide/js/banner.js"></script> 
<link href="slide/js/banner.css" rel="stylesheet" type="text/css" />
<table border="0" cellpadding="0" cellspacing="0" height="244" width="575">
	<tbody>
		<tr>
			<td height="244" width="576">
				<div class="centerpart flashbanner" style="width:575px;">
					<div align="center" id="divMainPageSliderContainer" style="width:575px; height: 244px;">
						<div id="divMainPageSliderContainer_Content" style="display: block;">
							<!-- BÜYÜK RESİMLER aşağıdan değiştirilecek !-->
							<div style="border-right:1px solid #ddd ;border-left:1px solid #ddd; border-top:1px solid #ddd;border-radius:5px 5px 0 0;">
								<table align="center" background="images/1.jpg" bgimagename="images/1.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl0_tbl_BigImage" onclick="parent.location.href = 'index.php';return false;" style="cursor: pointer; display: block;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/2.jpg" bgimagename="images/2.jpg" cellpadding="0" cellspacing="0" class="tblSliderNormal" id="ucSlider_rptBigImages__ctl1_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/3.jpg" bgimagename="images/3.jpg" cellpadding="0" cellspacing="0" class="tblSliderNormal" id="ucSlider_rptBigImages__ctl2_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/4.jpg" bgimagename="images/4.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl3_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/5.jpg" bgimagename="images/5.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl4_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/6.jpg" bgimagename="images/6.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl5_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/7.jpg" bgimagename="images/7.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl6_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/8.jpg" bgimagename="images/8.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl7_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/9.jpg" bgimagename="images/9.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl8_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
								<table align="center" background="images/10.jpg" bgimagename="images/10.jpg" cellpadding="0" cellspacing="0" class="tblSliderHidden" id="ucSlider_rptBigImages__ctl9_tbl_BigImage" onclick="parent.location.href = '#';return false;" style="cursor: pointer; display: none;" width="100%">
									<tbody>
										<tr>
											<td height="244" valign="bottom">
												&nbsp;</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!-- Aşağıdaki bölümden yeni menü oluşturulacak !-->
							<table align="center" cellpadding="0" cellspacing="0" class="mainSliderThumbnails" width="575">
								<tbody>
									<tr>
										<td class="ItemLeft">
											&nbsp;</td>
										<td align="center" class="ItemTile">
											<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
												<tbody>
													<tr id="Tabident_1">
														<td class="menubg_on" id="ucSlider_rptTransImages__ctl0_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ct11_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ct12_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl3_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl4_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl5_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl6_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl7_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl8_td_SmallImageBG">
															&nbsp;</td>
														<td width="3">
															&nbsp;</td>
														<td class="menubg_off" id="ucSlider_rptTransImages__ctl9_td_SmallImageBG">
															&nbsp;</td>
													</tr>
													<!-- KÜÇÜK RESİMLER aşağıdan değiştirilecek !-->
													<tr>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl0_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl0_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl0_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('0');" src="images/1-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl1_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl1_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl1_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('1');" src="images/2-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl2_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl2_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl2_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('2');" src="images/3-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl3_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl3_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl3_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('3');" src="images/4-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl4_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl4_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl4_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('4');" src="images/5-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl5_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl5_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl5_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('5');" src="images/6-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl6_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl6_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl6_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('6');" src="images/7-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl7_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl7_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl7_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('7');" src="images/8-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="z" height="51" id="ucSlider_rptSmalImages__ctl8_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl8_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl8_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('8');" src="images/9-small.png" width="50" /></a></td>
														<td width="3">
															&nbsp;</td>
														<td class="tdThumb" height="51" id="ucSlider_rptSmalImages__ctl9_td_SmallImage" onmouseover="showArrow(this)" style="border: 0px solid rgb(221, 227, 235);" width="55">
															<a id="ucSlider_rptSmalImages__ctl9_a_SmallImage" onclick=""><img border="0" height="51" id="ucSlider_rptSmalImages__ctl9_img_SmallImage" onmouseout="DurdurSkip='1'; DisplayNextPrevious('this');" onmouseover="DurdurSkip='0'; DisplayManset('9');" src="images/10-small.png" width="50" /></a></td>
													</tr>
												</tbody>
											</table>
										</td>
										<td class="ItemRight">
											&nbsp;</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div id="divMainPageSliderContainer_LoadingPanel" style="display: none;">
							<table align="center">
								<tbody>
									<tr>
										<td>
											<img src="images/loader.gif" /></td>
										<td align="center">
											Yükleniyor...</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div id="imgDiv" style="position: absolute; top: 482px; left: 459.533px;">
						<img src="images/ArrowItem.png" /></div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

bonus34 · 14 Kas 2011

güzel paylaşım emeğine sağlık

osmanozg · 14 Kas 2011

abi süpersin sayende H.B. nin tek rakibi olacağım.

cherokhe · 14 Kas 2011

Osdem66 ;
emeklerine sağlık güzel bir paylaşım olmuş...
daha önceleri böyle bir css slider arıyordum..Yardımlarından dolayı teşekkürü borç bilirim..

streetw1se · 14 Kas 2011

normal olarak ayarlamalarını yapmama rağmen indirdiğim dosyada bilgisayar üzerinde normal bir şekilde index.html'yi çalıştıramadım.Bununla ilgili bir düzenleme yapıp index.html'nin çalışmasını sağlayabilirmisiniz?
teşekkürler..

osman · 14 Kas 2011

osman hocam mrb demo verdiğiniz sitede güvenli alışveriş ve kargo bedava olaylarını nasıl yaptınız eğer sıkıntı olmazsa aynısı bende koymak istiyorum güzel olmuş.

hagul · 14 Kas 2011

eyvallah osdem bey.allah razı olsun.sağ olun.

osman' Alıntı:
osman hocam mrb demo verdiğiniz sitede güvenli alışveriş ve kargo bedava olaylarını nasıl yaptınız eğer sıkıntı olmazsa aynısı bende koymak istiyorum güzel olmuş.

html modül ile yapaılacak sanırım.flash/swf dosyalarını modüle eklersiniz sanırım.

osman' Alıntı:
osman hocam mrb demo verdiğiniz sitede güvenli alışveriş ve kargo bedava olaylarını nasıl yaptınız eğer sıkıntı olmazsa aynısı bende koymak istiyorum güzel olmuş.

html modül ile yapaılacak sanırım.flash/swf dosyalarını modüle eklersiniz sanırım.

osman · 14 Kas 2011

işte o dosyalar rica ediyorum

osdem66 · 14 Kas 2011

streetw1se' Alıntı:
normal olarak ayarlamalarını yapmama rağmen indirdiğim dosyada bilgisayar üzerinde normal bir şekilde index.html'yi çalıştıramadım.Bununla ilgili bir düzenleme yapıp index.html'nin çalışmasını sağlayabilirmisiniz?
teşekkürler..

Merhaba index.html için css dosyası içerigindne ve index.html dosyası içerisindeki resim ve background yollarını masa üstünde calışacak sekilde ayarlarsanız calışır bu sitede mesage modülüiçinde calışacak sekilde ayarlanmıştır..

osman' Alıntı:
osman hocam mrb demo verdiğiniz sitede güvenli alışveriş ve kargo bedava olaylarını nasıl yaptınız eğer sıkıntı olmazsa aynısı bende koymak istiyorum güzel olmuş.

Merhaba.. güvenli alışveriş bir flash onuda mesage modülünü kullanarak yaptım.. kargo bedaca için ise ufak bir php kodlama gerektiyor forumda aratırsanız bulabilirsiniz...

osman · 14 Kas 2011

hocam şu kargo kodunu bulamadım

osdem66 · 14 Kas 2011

osman' Alıntı:
hocam şu kargo kodunu bulamadım

Sizin kargodan kastınız hangisi soldaki 150 tl üzeri bedava o mu? o ise o da flash ben ürün gösterminde cıkan ikondna bahsetmiştim

osman · 14 Kas 2011

evet o anasayfadaki 150 tl yazan
hocam mümkünse 150 tl ile güvenli alışveriş kodlarını rica ediyorum.

osman hocam flashları paylaşacakmısnız

zapatya · 14 Kas 2011

osman abi o değilde tema çok güzel paylaşma imkanın varmı yoksa ücretli mi

kaptan_75 · 14 Kas 2011

bunu 1.4.9 sürümlerine nasıl uyarlarız acaba

osman · 14 Kas 2011

aynen temaya diyecek söz yok güzelll

yalnız osman hocam tc kimlik ile vergi no ve dairesinide temalarına entegre etse süper olacak örneğin ben taner hocanın bi versiyonuna 1.5.1 e entegreli sürümünü kullanıyorum ama osman hocamın ücretsiz yayınladığı temaya içim gidiyo kullanamıyorum.

osdem66 · 14 Kas 2011

zapatya' Alıntı:
osman abi o değilde tema çok güzel paylaşma imkanın varmı yoksa ücretli mi

Tema ücetli de degil özel bir tema satılık degil yani.. satıldı daha önce...

osman' Alıntı:
aynen temaya diyecek söz yok güzelll

yalnız osman hocam tc kimlik ile vergi no ve dairesinide temalarına entegre etse süper olacak örneğin ben taner hocanın bi versiyonuna 1.5.1 e entegreli sürümünü kullanıyorum ama osman hocamın ücretsiz yayınladığı temaya içim gidiyo kullanamıyorum.

Merhaba bahsettigini düzenleme sadece temadan degil opc ana dosyalarından ve dil dosyalarından da düzenlemek gerekir..

kaptan_75' Alıntı:
bunu 1.4.9 sürümlerine nasıl uyarlarız acaba

Benzer sekilde yapabiliniz.. 1.4.9 için hoşgeldiniz mesaj bölümüne ekleyebilirsiniz...

osman' Alıntı:
aynen temaya diyecek söz yok güzelll

yalnız osman hocam tc kimlik ile vergi no ve dairesinide temalarına entegre etse süper olacak örneğin ben taner hocanın bi versiyonuna 1.5.1 e entegreli sürümünü kullanıyorum ama osman hocamın ücretsiz yayınladığı temaya içim gidiyo kullanamıyorum.

Eğer turkish gray temasını kullanmak istiyorsanız Turksih-gray temasını acın
template kalsörü içindeki
module,
common,
product
klasörleri dışındaki tüm klasörleri silin ve türkish-gray kalsörünü siteniz teheme kalsörüne yükleyin dediginiz acoount checkout vs gini özellikleri default temadan ama görüntü header home footer ve modüleri ve ürün sayfası ile category sayfası gibi sayfaları turkish graydan cekecek ve sorunsuz çalışacaktır bu şekidle kullanabilirsiniz yani..selametle .....

kaptan_75 · 14 Kas 2011

Ekledim ama sayfa aşagı dogru kaydı ?

osman · 14 Kas 2011

hocam ana sayfa hesabım kısmında aşağıdaki hata veriyor

Hesabım
•Notice: Undefined variable: text_login in /home/tekhesap/public_html/catalog/view/theme/turkish-gray/template/common/footer.tpl on line 30

osdem66 · 14 Kas 2011

osman' Alıntı:
hocam ana sayfa hesabım kısmında aşağıdaki hata veriyor

Hesabım
•Notice: Undefined variable: text_login in /home/tekhesap/public_html/catalog/view/theme/turkish-gray/template/common/footer.tpl on line 30

Temanın kendi konusnda çözümü var aratınız..

osman · 14 Kas 2011

tşk hocam iyi akşamlar

Hepsiburda tarzı slide..

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR

OpenCart-TR