Carousel otomatik geçiş yapmak

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
carouselde otomatik geçiş için
catalog\view\javascript\jquery içindeki
jquery.jcarousel.min.js dosyasını not defteri ile açın
ctrl+f tusları ile bu kodu taratın:
KOD: &&b.startAuto
sag tarafındaki () boş parantez içine kaç saniye de bir değişsin ayarlayın 2 3 saniye istediğinizi ekleyin

moduller> carausel den scrool yani 2 saniyede kaç resim geçsin ayarlayın 1 yaparsanız 2 sn de bir hoş oluyor :)

opencartı kullanmaya başlayalı 3 gün oldu ama alt yapıyı kurcalaya kurcalaya sepet sistemini de komple kökten kaldırdım :D

tek sorun gösterilen resimler bitince başa sarmıyor onun içinde ugrasıyorum arkadaslar...
 

osdem66

OpenCart-TR
Katılım
19 Ağu 2010
Mesajlar
882
Tepkime puanı
0
Puanları
0
Yaş
57
Web sitesi
opencart-themes.org
Merhaba; bunu sürekli kayar hale gerimek için
DEMO
catalog/view/theme/sizintemanız/template/module/carausel.tpl aç
bul bu kodları
PHP:
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?> ul').jcarousel({
	vertical: false,
	visible: <?php echo $limit; ?>,
	scroll: <?php echo $scroll; ?>
});
//--></script>
Bununla degiştir
PHP:
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?> ul').jcarousel({
	vertical: false,
	auto: 3,
	wrap: 'circular',
	visible: <?php echo $limit; ?>,
	scroll: <?php echo $scroll; ?>
});
//--></script>
 

admira

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
16
Web sitesi
www.TrendCorap.com
Merhaba osdem66 benim carausel.tpl içeriği biraz farklı ve belirttiğin kodları girdiğimde logolar geçiş yaparkan sapıtarak kayıyor. Aşağıda carauselin bütün kodlarını yazdım acaba verdiğin kodu nereye entegre etmeliyiz. Sürüm 1.5.1.3 Teşekkürler.
Kod:
<div id="manufacturer<?php echo $module; ?>"<?php if ($module_position == 'content_top' || $module_position == 'content_bottom'): ?> class="s_carousel s_module_content"<?php else: ?> class="s_box"<?php endif; ?>>
  <div class="jcarousel jcarousel_horizontal s_mb_30">
    <ul class="clearfix">
      <?php foreach ($banners as $banner): ?>
      <li>
        <?php if ($banner['link']): ?>
        <a href="<?php echo $banner['link']; ?>">
          <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" />
        </a>
        <?php else: ?>
        <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" />
        <?php endif; ?>
      </li>
      <?php endforeach; ?>
    </ul>
  </div>
  <span class="clear"></span>

  <style type="text/css">
  #manufacturer<?php echo $module; ?> .jcarousel_horizontal li {
    width: <?php echo 100/$limit ?>%;
  }
  </style>
  <script type="text/javascript">
  $('#manufacturer<?php echo $module; ?> ul').jcarousel({	
	visible: <?php echo $limit; ?>,
    scroll: <?php echo $scroll; ?>,
    size: <?php echo count($banners) ?>
  });  
  // Next/Prev buttons hover effect
  $("#manufacturer<?php echo $module; ?> .jcarousel-prev, #manufacturer<?php echo $module; ?> .jcarousel-next").hover(
    function() {
      $(this).stop().animate({
          backgroundColor: $("#secondary_color").val()
        },300
      );
    }
    ,
    function() {
      $(this).stop().animate({
          backgroundColor: $("#main_color").val()
        },300
      );
    }
  );
  </script>

</div>
 

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
kod bu şekilde eklendiği zaman hiçbir problem yok!

<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?> ul').jcarousel({
auto: 100,
vertical: false,
wrap: 'circular',
visible: <?php echo $limit; ?>,
scroll: <?php echo $scroll; ?>
});
//--></script>
 

By_Surmeneli

OpenCart-TR
Katılım
19 Tem 2010
Mesajlar
273
Tepkime puanı
0
Puanları
0
Yaş
37
Konum
Trabzon
Web sitesi
www.kodcenneti.com
otomatik olarak footerdaki üretiler kısmını döndürür. Değişen dosyalar defaut klasorundeki stylesheet dosyasının içerisindeki carousel.css ve default/template/module/carousel.tpl dir.

eğer değişiklik yapıysanız kullanmadan önce yedek alın. Zipli dosyaları default klasoru içerisine atın. Artık hangi temayı kullanıyorsanız.
Localde ve sitedemde test edilmişdir. Demo isteyen buyursun foterdaki üreticilere baka bilir.

Uyumluluk

oc=1.5.3.1 ,1.5.2.1 ,1.5.2
 

Ekli dosyalar

  • otomatik.rar
    71 KB · Görüntüleme: 136
  • donen.png
    donen.png
    73.1 KB · Görüntüleme: 305

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
1.5.1.3 sürümünde sorunsuz çalışıyor ben şu an hiçbir problem yaşamadan kullanıyorum kayarken fln hiçbir bug sorun yok :) şansımdan mıdır artık bilmiyorum ne eklersem tem aolsun modül olsun sorunsuz calısıor arada ufak tefek sorunlar oluyor ama allahın izniyle bi şekilde hallederiyoruz
 

admira

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
16
Web sitesi
www.TrendCorap.com
By_Surmeneli teşekkür ederim. Sorunsuz çalışıyor. Fakat aşağıda resimde belirttiğim mesafe farkını nasıl düzeltebiliriz.
 

Ekli dosyalar

  • Resim1.jpg
    Resim1.jpg
    19 KB · Görüntüleme: 169

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
admira bu işine yarayabilir :)
catalog\view\theme\red\stylesheet\carousel.css dosyasının içinde bu kodları bul!

ILERI BUTONU KODLAMASI
.jcarousel-skin-opencart .jcarousel-next-horizontal { Bunu taratarak bulabilirsin
position: absolute;
top: 23px;
right: 5px; buradaki pixel oranını yükselttikçe soldaki buton sağa kayıyor -rakam yaparsan uzaklasır
width: 32px;
height: 32px;
cursor: pointer;
background: url('../image/button-next.png') center no-repeat;


GERI BUTONU KODLAMASI
.jcarousel-skin-opencart .jcarousel-prev-horizontal { bunu taratarak bulabilirsin
position: absolute;
top: 23px;
left: 5px; buradaki pixel oranını yükselttikçe sagdaki buton sola kayıyor -rakam yaparsan uzaklasır
width: 32px;
height: 32px;
cursor: pointer;
background: url('../image/button-previous.png') center no-repeat;

By_Surmeneli kiroglumarket sitesine ie ile girince baska bi index cıkıo onun kodlaması hakkında bana bilgi verirmisin?
 

admira

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
16
Web sitesi
www.TrendCorap.com
csa_94 herşeyden önce ilgin için teşekkürler ama bu verdiğin kodlar sağ ve sol okların yönleri ile alakalı. Ben ise bu iki okun yeri ile ilgili bir sıkıntıdan bahsetmiyorum. Aksine bu iki sağ ve sol yön oklarının arasında akan logoların oka olan mesafe farklarından söz etmek istemiştim.
 

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
ok ile akan logolar arasındaki boşluktan mı söz ediyorsun yoksa asagı yukarı indirip kaldırma olayı mı?

tam olarak anlayamadım
 

admira

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
16
Web sitesi
www.TrendCorap.com
yukarıdaki mesajda resimle kırmızı ok ile gösterdim. orada hiçbir işlem olmuyor hep beyaz kalıyor.
 

By_Surmeneli

OpenCart-TR
Katılım
19 Tem 2010
Mesajlar
273
Tepkime puanı
0
Puanları
0
Yaş
37
Konum
Trabzon
Web sitesi
www.kodcenneti.com
admira' Alıntı:
yukarıdaki mesajda resimle kırmızı ok ile gösterdim. orada hiçbir işlem olmuyor hep beyaz kalıyor.

default/template/module/carousel.tpl yi eski siyle hangi sürümü kullanıyorsan artık değiştirip bir daha denermisin nasıl olduğunu


csa_94' Alıntı:


By_Surmeneli kiroglumarket sitesine ie ile girince baska bi index cıkıo onun kodlaması hakkında bana bilgi verirmisin?



catalog/view/theme/default/template/common

header.tpl yi aç

Bul :

<?php echo $google_analytics; ?>

Altına Ekle:

<script language="JavaScript1.2">
var JspCoder;
JspCoder = navigator.appName;
if (JspCoder == "Microsoft Internet Explorer")
{

window.location=("ie.php");
}</script>

daha sonra kendine göre bir php dosyası oluştur artık orada kullanıcıya ne göstermek istiyorsan onları yaz
 

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
By_Surmeneli gerçekten çok makbule geçti çok sagol :)
 

gonzek

OpenCart-TR
Katılım
14 Eyl 2011
Mesajlar
13
Tepkime puanı
0
Puanları
0
arkadaşlar logolara link vermek istiyorum yani tıkladığım zaman kendi sitesine gitsin istiyorum yardımlarınız için çok teşekkür ederim..
 

akrepxxx1988

OpenCart-TR
Katılım
9 Şub 2012
Mesajlar
40
Tepkime puanı
0
Puanları
0
teşekkürler arkadaşlar destek için.ben bunu kampanyalı ürünlere nasıl uyarlayabilirim.fikriniz var mı

http://phonestore.opencart-themes.org/


burdaki gibi
 

csa_94

OpenCart-TR
Katılım
9 Mar 2012
Mesajlar
42
Tepkime puanı
0
Puanları
0
gonzek' Alıntı:
arkadaşlar logolara link vermek istiyorum yani tıkladığım zaman kendi sitesine gitsin istiyorum yardımlarınız için çok teşekkür ederim..

Admin panele gir
Sistem/Tasarım/Afişler bölümünde bi resim paketi olustur.
resim paketi olustururken resimi eklersin orada baglantı die birşey vardır oraya linki yazacaksın bu kadar :D
 

gonzek

OpenCart-TR
Katılım
14 Eyl 2011
Mesajlar
13
Tepkime puanı
0
Puanları
0
cevabın için çok teşekkür ederim ama ben sorduğum o değil tamam senin dediğin yer site içinde açıyor örneğin www.siteadi.com/hp.com.tr senin dediğin böyle açıyor ama benim istediğim direk www.hp.com.tr te gitmesi yardımlarınız için teşekkürler

arkadaşlar bunu bilen yokmu günlerdir bekliyorum
 

memet12999

OpenCart-TR
Katılım
5 Eki 2010
Mesajlar
26
Tepkime puanı
0
Puanları
0
merhaba herkese kolay gelsin bu carusel modülüne ve slayt gösterisi modülüne nasıl resim yada ürün ekliyoruz bilgisi olan varmıydı
 
Üst