Anasayfada slider

A

aliveliselami

OpenCart-TR
Katılım
17 Haz 2011
Mesajlar
1
Tepkime puanı
0
Puanları
0
Arkadaşlar Merhaba,

Ürün sayfasında bulunan sliderı anasayfa ya koymak istiyorum. bunu nasıl yapabilirim yardımcı olabilir misiniz ?

Teşekkürler...

Anasayfa ve ürün sayfası resimleri ektedir.

product.tpl

PHP: 
<?php echo $header; ?>
<div class="inner_banner"> 
<div class="breadcrumb" itemscope itemtype="http://schema.org/Breadcrumb" id="brd-crumbs"  >
<ul itemprop="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
	<li typeof="v:Breadcrumb">
    <?php echo $breadcrumb['separator']; ?><a property="v:title" rel="v:url" href="<?php echo $breadcrumb['href']; ?>"><span><?php echo $breadcrumb['text']; ?></span></a></li>
    <?php } ?>
	
	</ul>
  </div>
</div>  
<?php echo $column_left; ?> <?php echo $column_right; ?>
<div id="content">
<div id="productcontent">
<?php echo $content_top; ?>
<article>
  


  <div class="product-info" itemscope itemtype="http://schema.org/Product">
   <div class="producttitle">
	    <h1 class="item name fn" itemprop="name"><span class="shizzley shizzley4"><?php echo $heading_title; ?></span></h1>
		
		  <?php if($this->config->get('templatemela_shownextprevlink')== 1) {   ?>
  <div class="prevnext_link">
  	<div class="floatL">
		 <?php if ($prev_text) { ?>
		  <a href="<?php echo $prev_url; ?>" class="button"><span><?php echo $prev_text; ?></span></a>
      <?php } ?>
	</div>
  	<div class="floatR">
		<?php if ($next_text) { ?>
		<a href="<?php echo $next_url; ?>" class="button"><span><?php echo $next_text; ?></span></a>
      <?php } ?>
	</div>
	 
	</div>
	<?php } else {} ?>
	
		</div>
  
 <!-- ==== Start Lightbox ========= -->
  <?php if($this->config->get('templatemela_productzooming')== 0) {   ?>
  		 <?php if ($thumb || $images) { ?>
    <div class="left">
	<div class="main-images">
      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a>
	 
	  </div>
      <?php } ?>
	   <?php if ($price) { ?>
      <div class="price">
        <?php if (!$special) { ?>
		<div class="price2">
        <?php echo $price; ?>
		</div>
        <?php } else { ?>
		<div class="price1">
        <span class="price-old"><?php echo $price; ?></span> 
		<span class="price-new"><?php echo $special; ?></span>
		</div>
        <?php } ?>
       
      </div>
      <?php } ?>
	  </div>
	  
	  <?php if ($images) { ?>
	  <!-- Condtion for View Addtional image as Thumb -->
	  <?php if($this->config->get('templatemela_additionalimage')== 0) {   ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"  width="72" height="72"/></a>
        <?php } ?>
      </div>
	   <!-- Condtion for View Addtional image as Slider -->
	  <?php } else { ?>
	  <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/carousel.css" />
	  <script src="catalog/view/javascript/jquery/jquery.jcarousel.js"></script>
	  <script type="text/javascript">
            
                function mycarousel_initCallback(carousel)
                {
                    // Disable autoscrolling if the user clicks the prev or next button.
                    carousel.buttonNext.bind('click', function() {
                        carousel.startAuto(0);
                    });
                
                    carousel.buttonPrev.bind('click', function() {
                        carousel.startAuto(0);
                    });
                
                    // Pause autoscrolling if the user moves with the cursor over the clip.
                    carousel.clip.hover(function() {
                        carousel.stopAuto();
                    }, function() {
                        carousel.startAuto();
                    });
                };
                $(document).ready(function() {
                    $('#myimagecarousel').jcarousel({
                        scroll: 1,
                        animation: 2000,
                        auto: 1,
                        wrap: 'circular',
                        initCallback: mycarousel_initCallback
                    });
                });  
    </script>

	  <div class="image-additional" id="carousel-additional">
	     <ul class="jcarousel-skin-opencart" id="myimagecarousel">
        <?php foreach ($images as $image) { ?>
        <li><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"  width="72" height="72"/></a></li>
        <?php } ?>
		</ul>
      </div>
	
	  <?php } ?> 
	     <?php } // End image condition?>
		 
    </div>
    <?php } ?>
 <!-- === Start Cloudezoom ==== -->	
	<?php } else { ?>
<!-- ================= Cloud Zoom =========== -->
<link href="catalog/view/theme/<?php echo $this->config->get('config_template').'/stylesheet/cloud-zoom.css'?>" rel="stylesheet" type="text/css" />


<script src="catalog/view/javascript/jquery/cloud-zoom/cloud-zoom.1.0.2.js"></script>
    <?php if ($thumb || $images) { ?>
    <div class="left">
	<div class="main-images">
      <?php if ($thumb) { ?>
      <div class="image">
			<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom" id='zoom1' rel="position:'right',showTitle:1,titleOpacity:0.5,lensOpacity:0.4,adjustX: 10, adjustY:-8, zoomWidth:350, zoomHeight:400" >
				<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"  />
			</a>
	
	  </div>
	   <?php } ?>
	  
	    <?php if ($price) { ?>
      <div class="price">
        <?php if (!$special) { ?>
		<div class="price2">
        <?php echo $price; ?>
		</div>
        <?php } else { ?>
		<div class="price1">
        <span class="price-old"><?php echo $price; ?></span> 
		<span class="price-new"><?php echo $special; ?></span>
		</div>
        <?php } ?>
       
      </div>
      <?php } ?>	
			
	   </div>
	  
      <?php if ($images) { ?>
	   <!-- Condtion for View Addtional image as Thumb -->
	  <?php if($this->config->get('templatemela_additionalimage')== 0) {   ?>
      <div class="image-additional">
	      <?php foreach ($images as $image) { ?>
				<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"  /></a>
       
        <?php } ?>
      </div>
	  <?php } else { ?>
	  <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/carousel.css" />
	  <script src="catalog/view/javascript/jquery/jquery.jcarousel.js"></script>
	  <script type="text/javascript">
            
                function mycarousel_initCallback(carousel)
                {
                    // Disable autoscrolling if the user clicks the prev or next button.
                    carousel.buttonNext.bind('click', function() {
                        carousel.startAuto(0);
                    });
                
                    carousel.buttonPrev.bind('click', function() {
                        carousel.startAuto(0);
                    });
                
                    // Pause autoscrolling if the user moves with the cursor over the clip.
                    carousel.clip.hover(function() {
                        carousel.stopAuto();
                    }, function() {
                        carousel.startAuto();
                    });
                };
                $(document).ready(function() {
                    $('#myimagecarousel').jcarousel({
                        scroll: 1,
                        animation: 2000,
                        auto: 1,
                        wrap: 'circular',
                        initCallback: mycarousel_initCallback
                    });
                });  
    </script>

	  <div class="image-additional" id="carousel-additional">
	     <ul class="jcarousel-skin-opencart" id="myimagecarousel">
              <?php foreach ($images as $image) { ?>
              <li><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" width="66"  /></a></li>
              <?php } ?>
            </ul>
      </div>
	  <?php } ?>
      <?php } // End Images condition ?>
	  
	  
    </div>
    <?php } ?>
<?php } // end main condition ?>
  
  
   
	
	
	
    <div class="right">
      <div class="description">
	 
	    <!-- ============= Brand/manufacture ===== -->
		<?php if($this->config->get('templatemela_brandslinkstatus')== 1) {   ?>
		
		<?php if($this->config->get('templatemela_viewbrandas')== 0) {   ?>	
		
        <?php if ($manufacturer) { ?>
		
       <div class="test"> <span><?php echo $text_manufacturer; ?></span>
		
		 <a href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?></a>
		</div>
		<?php } else {} ?>
		
		<?php } else { ?>
		<?php if ($manufacturer) { ?>
        <a href="<?php echo $manufacturers; ?>"><?php if ($man_img) { ?>
		  <img src="<?php echo $man_img; ?>" title="<?php echo $manufacturer; ?>" alt="<?php echo $manufacturer; ?>" /></a><br />
		  <?php } else { ?></a><br /><?php } ?>
		<?php } ?>
		<?php } ?>
	
        <?php } ?>
		
		
		
		
		
        <div class="test"> <span><?php echo $text_model; ?></span> <?php echo $model; ?><br /></div>
        <?php if ($reward) { ?>
         <div class="test"><span><?php echo $text_reward; ?></span> <?php echo $reward; ?><br /></div>
        <?php } ?>
        <div class="test"> <span><?php echo $text_stock; ?></span> <?php echo $stock; ?></div></div>
		
		
		
		
		
		
		
		<div class="reward-point">
		<?php if ($review_status) { ?>
      <div class="review">
		
        <div itemscope itemtype="http://schema.org/AggregateRating">
		<img itemprop="ratingValue" src="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" />&nbsp;&nbsp;<a itemprop="reviewCount" onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $reviews; ?></a>&nbsp;&nbsp;|&nbsp;&nbsp;
		<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $text_write; ?></a></div>
		
		<?php if($this->config->get('templatemela_showsociallink') == 1) { ?>
        <div class="share"><!-- AddThis Button BEGIN -->
          <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div>
          <script src="//s7.addthis.com/js/250/addthis_widget.js"></script> 
          <!-- AddThis Button END --> 
        </div>
		<?php } else {} ?>
		
		
		
		
		 <br />
        <?php if ($tax) { ?>
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br />
        <?php } ?>
        <?php if ($points) { ?>
        <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span><br />
        <?php } ?>
        <?php if ($discounts) { ?>
        <br />
        <div class="discount">
          <?php foreach ($discounts as $discount) { ?>
          <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
          <?php } ?>
        </div>
        <?php } ?>
      
      <?php if ($options) { ?>
	   <div class="availableoption"><h2><?php echo $text_option; ?></h2></div>
	   <div class="options">
        
        <br />
        <?php foreach ($options as $option) { ?>
	
        <?php if ($option['type'] == 'select') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <select name="option[<?php echo $option['product_option_id']; ?>]">
            <option value=""><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
            </option>
            <?php } ?>
          </select>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'radio') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          <br />
          <?php } ?>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'checkbox') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <?php foreach ($option['option_value'] as $option_value) { ?>
          <input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
            <?php } ?>
          </label>
          <br />
          <?php } ?>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <table class="option-image">
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <tr>
              <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                  <?php if ($option_value['price']) { ?>
                  (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                  <?php } ?>
                </label></td>
            </tr>
            <?php } ?>
          </table>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'text') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'textarea') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5"><?php echo $option['option_value']; ?></textarea>
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'file') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="button" value="<?php echo $button_upload; ?>" id="button-option-<?php echo $option['product_option_id']; ?>" class="button">
          <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'date') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'datetime') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />
        </div>
        <br />
        <?php } ?>
        <?php if ($option['type'] == 'time') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />
        </div>
        <br />
		
        <?php } ?>
        <?php } ?>
      </div>
	  
	  </div>
      <?php } ?>
      <div class="cart">
        <div class="cart_qty"><?php echo $text_qty; ?>
          <input type="text" name="quantity"  value="<?php echo $minimum; ?>" />
          <input type="hidden" name="product_id"  value="<?php echo $product_id; ?>" />
          &nbsp;
          <input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />
        </div>
        
        
		<div class="cart_links">
			<?php if($this->config->get('templatemela_wishlistlinkstatus') == 1) { ?>
			  <a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a><br />
			 <?php } else {} ?>
			  <?php if($this->config->get('templatemela_comparelinkstatus') == 1) { ?>
			  <a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a>
			  <?php } else {} ?>
		</div>
        <?php if ($minimum > 1) { ?>
        <div class="minimum"><?php echo $text_minimum; ?></div>
        <?php } ?>
      </div>
     
		
      </div>
      <?php } ?>
    </div>
	
	
</div>



<script >
jQuery(document).ready(function () {
$('.colorbox').colorbox({
	overlayClose: true,
	opacity: 0.5
});
});
</script>
<script ><!--
$('#button-cart').bind('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/add',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['option']) {
					for (i in json['error']['option']) {
						$('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
					}
				}
			} 
			
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				$('.success').fadeIn('slow');
					
				$('#cart-total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});

//--></script>
<?php if ($options) { ?>
<script src="catalog/view/javascript/jquery/ajaxupload.js"></script>
<?php foreach ($options as $option) { ?>
<?php if ($option['type'] == 'file') { ?>
<script ><!--
new AjaxUpload('#button-option-<?php echo $option['product_option_id']; ?>', {
	action: 'index.php?route=product/product/upload',
	name: 'file',
	autoSubmit: true,
	responseType: 'json',
	onSubmit: function(file, extension) {
		$('#button-option-<?php echo $option['product_option_id']; ?>').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
		$('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', true);
	},
	onComplete: function(file, json) {
		$('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', false);
		
		$('.error').remove();
		
		if (json['success']) {
			alert(json['success']);
			
			$('input[name=\'option[<?php echo $option['product_option_id']; ?>]\']').attr('value', json['file']);
		}
		
		if (json['error']) {
			$('#option-<?php echo $option['product_option_id']; ?>').after('<span class="error">' + json['error'] + '</span>');
		}
		
		$('.loading').remove();	
	}
});
//--></script>
<?php } ?>
<?php } ?>
<?php } ?>
<script ><!--
$('#review .pagination a').live('click', function() {
	$('#review').fadeOut('slow');
		
	$('#review').load(this.href);
	
	$('#review').fadeIn('slow');
	
	return false;
});			

$('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id; ?>');

$('#button-review').bind('click', function() {
	$.ajax({
		url: 'index.php?route=product/product/write&product_id=<?php echo $product_id; ?>',
		type: 'post',
		dataType: 'json',
		data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-review').attr('disabled', true);
			$('#review-title').after('<div class="attention"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> <?php echo $text_wait; ?></div>');
		},
		complete: function() {
			$('#button-review').attr('disabled', false);
			$('.attention').remove();
		},
		success: function(data) {
			if (data['error']) {
				$('#review-title').after('<div class="warning">' + data['error'] + '</div>');
			}
			
			if (data['success']) {
				$('#review-title').after('<div class="success">' + data['success'] + '</div>');
								
				$('input[name=\'name\']').val('');
				$('textarea[name=\'text\']').val('');
				$('input[name=\'rating\']:checked').attr('checked', '');
				$('input[name=\'captcha\']').val('');
			}
		}
	});
});
//--></script> 
<script ><!--
$('#tabs a').tabs();
//--></script> 
<script src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script> 
<script >
jQuery(document).ready(function () {
$('.datetime').datetimepicker({
dateFormat: 'yy-mm-dd',
timeFormat: 'h:m'
});
});
jQuery(document).ready(function () {
$('.date').datepicker({
dateFormat: 'yy-mm-dd'
});
});
jQuery(document).ready(function () {
$('.time').timepicker({
dateFormat: 'h:m'
});
});
</script> 
 
<?php echo $footer; ?>

///////////////////////////////////////////////////////

slideshow.tpl

PHP: 
<?php if($this->config->get('templatemela_mainslider') == 1) {   ?>

<!--======================================= Slider1 =========================================== -->
<?php if($this->config->get('templatemela_sliderselection') == 1) {   ?>
<script>
		  $(document).ready(function(){
           $('#slideshow<?php echo $module; ?>').nivoSlider({
		    effect:'<?php echo $this->config->get('templatemela_defualttypeofanimation'); ?>',
	        slices:15,
            animSpeed:<?php echo $this->config->get('templatemela_transmitionspeed'); ?>,
	        pauseTime:<?php echo $this->config->get('templatemela_pausetime'); ?>,
            startSlide:0, //Set starting Slide (0 index)
	        directionNav:true, //Next & Prev
		    directionNavHide:true, //Only show on hover
            controlNav:false, //1,2,3...
	        keyboardNav:false, //Use left & right arrows
	        captionOpacity:0.8 //Universal caption opacity
		});
        });
      </script>
<div class="slideshowmain">
<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
    <?php } ?>
    <?php } ?>
  </div>
</div>
</div>

<!-- ================================= Slider2 ============================================== -->
<?php } elseif($this->config->get('templatemela_sliderselection') == 2) {   ?>
<div class="slideshowmain">
<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
   <div id="TMskitter" class="skitter">
   <ul>
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a></li>
    <?php } else { ?>
    <li><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></li>
    <?php } ?>
    <?php } ?>
	</ul>
	</div>
  </div>
</div>
</div>



<!-- ================================= Slider4 (Anythink) ============================================== -->
<?php } elseif($this->config->get('templatemela_sliderselection') == 4) {   ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/slider/slider4/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/slider/slider4/jquery.anythingslider.js"></script>
<script type="text/javascript" language="javascript">
// **************
		$(function(){
		$('#slider1').anythingSlider({
				theme       : 'metallic',
				mode		: '<?php echo $this->config->get('templatemela_anythinkmode'); ?>',
				autoPlay	: <?php echo $this->config->get('templatemela_anythinkauto'); ?>,
				pauseOnHover   :<?php echo $this->config->get('templatemela_anythinkimagehover'); ?>,
  				delay	: '<?php echo $this->config->get('templatemela_timeintervalanythink'); ?>',				          
				navigationFormatter : function(index, panel){
					return ['Slab', 'Parking Lot', 'Drive', 'Glorius Dawn', 'Bjork?', 'Traffic Circle'][index - 1];
				},
				onSlideComplete : function(slider){
					// alert('Welcome to Slide #' + slider.currentPage);
				}
			});

			// tooltips for first demo
			//$.jatt();

		});
</script>


<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/buton.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/page.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/page.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/anythingslider.css" />
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/theme-metallic.css" />
<div class="slideshowmain">
  <div id="slideshow<?php echo $module; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
  <div id="page-wrap style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;"">
   <ul id="slider1" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <li  style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;"><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a></li>
    <?php } else { ?>
    <li  style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></li>
    <?php } ?>
    <?php } ?>
	</ul>
	</div>
  </div>
  </div>
 <!-- ================================= Slider3(Easy Slider) ============================================== -->
<?php } elseif($this->config->get('templatemela_sliderselection') == 5) {   ?>


<div class="slideshowmain">
<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
   <div class="flexslider">
   <ul class="slides">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a></li>
    <?php } else { ?>
    <li><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></li>
    <?php } ?>
    <?php } ?>
	</ul>
	</div>
  </div>
</div>
</div>
<?php } else {} ?>


<!-- =============================================== Product Sldier ============================= -->
<?php } elseif($this->config->get('templatemela_mainslider') == 2) {   ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $this->config->get('config_template') ?>/stylesheet/slider/productslider.css" />


<div id="ei-slider" class="ei-slider">


 <ul class="ei-slider-large">

<?php $j=0; foreach ($products as $product): $j++; ?>
	<li id="<?php echo $j; ?>">
	 <?php if ($product['thumb']) { ?>
		<div class="leftpart">
			<?php if ($product['thumb']) { ?>
			   <img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"  /></a>
		    <?php } ?>
		</div>
	<?php } ?>
	
	<div class="rightpart">
<div class="discount">

<?php if ($product['price']) { ?>
		
		  <?php if (!$product['special']) { ?>
		  <span class="price-new">
		  <?php echo $product['price']; ?>
		  </span>
		  <?php } else { ?>
		  <span class="old"><?php echo $product['price']; ?></span> 
		  <span class="new"><?php echo $product['special']; ?></span>
		  <?php } ?>
	
		<?php } ?>
<span class="deal">Best Deal</span>
		

</div>
<h1><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h1>


<div class="pdesc"><?php echo "<p>".mb_substr(strip_tags(html_entity_decode($product['description'])), 0, 120)."...</p>"; ?></div>


<div class="padd">
			<input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
</div>

	</li>
<?php endforeach ?>
</ul>


</div>


<?php } ?>
<div class="slider_bottom"></div>
[attachment=2243]
[attachment=2244]
 

Ekli dosyalar

  • proslider.jpg
    proslider.jpg
    25.1 KB · Görüntüleme: 2
  • homslider.jpg
    homslider.jpg
    46.6 KB · Görüntüleme: 2
Cevap yazmak için giriş yap yada kayıt ol.
Üst