Вывод описания во всплывающем окне

surlan · 9 травня 2016

Ребята, подскажите, как организовать вывод описания товара во всплывающем окне под скриптом "Поделиться".

Вот ссылка на сайт:

$themeConfig['normal_fonts'.$i] = $themeConfig['google_family'.$i];

}

if( trim($themeConfig['body_selector'.$i]) && trim($themeConfig['normal_fonts'.$i]) ){

$css[]= trim($themeConfig['body_selector'.$i])." {font-family:".str_replace("'",'"',htmlspecialchars_decode(trim($themeConfig['normal_fonts'.$i])))."}\r\n" ;

}

echo implode( "\r\n",$link );

?>

<style>

<?php echo implode("\r\n",$css);?>

</style>

<?php } else { ?>

<?php } ?>

<?php foreach ($styles as $style) { ?>

<?php } ?>

<?php foreach( $helper->getScriptFiles() as $script ) { ?>

<?php } ?>

<?php if( isset($themeConfig['custom_javascript']) && !empty($themeConfig['custom_javascript']) ){ ?>

$(document).ready(function() {

<?php echo html_entity_decode(trim( $themeConfig['custom_javascript']) ); ?>

});

//--></script>

<?php } ?>

<!--[if lt IE 9]>

<?php if( isset($themeConfig['load_live_html5']) && $themeConfig['load_live_html5'] ) { ?>

<?php } else { ?>

<?php } ?>

<![endif]-->

<?php if ( isset($stores) && $stores ) { ?>

$(document).ready(function() {

<?php foreach ($stores as $store) { ?>

$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');

<?php } ?>

});

//--></script>

<?php } ?>

<?php echo $google_analytics; ?>

</head>

<?php if ($error) { ?>

<div class="warning"><?php echo $error ?><img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/close.png" alt="" class="close" /></div>

<?php } ?>

$(document).ready(function() {

$(".product-info .image").delegate( "a", "click", function() {

return false;

});

$( "#notification" ).delegate( "a", "click", function() {

window.parent.location = $(this).attr('href');

return false;

});

</script>

</div>

</section>

<?php echo $content_top; ?>

<?php if ($thumb || $images) { ?>

<?php if( isset($date_available) && $date_available == date('Y-m-d')) { ?>

<span><?php echo $this->language->get( 'text_new' ); ?></span>

</span>

<?php } ?>

<?php if( $special ) { ?>

<span class="product-label product-label-special"><span><?php echo $this->language->get( 'text_sale' ); ?></span></span>

<?php } ?>

<?php if ($thumb) { ?>

<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" data-zoom-image="<?php echo $popup; ?>" class="product-image-zoom img-responsive"/>

</a>

</div>

<?php } ?>

<?php if ($images) { ?>

<?php

if( $productConfig['product_zoomgallery'] == 'slider' && $thumb ) {

$eimages = array( 0=> array( 'popup'=>$popup,'thumb'=> $thumb ) );

$images = array_merge( $eimages, $images );

}

$icols = 4; $i= 0;

foreach ($images as $image) { ?>

<?php if( (++$i)%$icols == 1 ) { ?>

<?php } ?>

<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" data-zoom-image="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>">

<img src="<?php echo $image['thumb']; ?>" style="max-width:<?php echo $this->config->get('config_image_additional_width');?>px" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" data-zoom-image="<?php echo $image['popup']; ?>" class="product-image-zoom img-responsive" />

</a>

<?php if( $i%$icols == 0 || $i==count($images) ) { ?>

</div>

<?php } ?>

</div>

</a>

</a>

</div>

$('#image-additional .item:first').addClass('active');

$('#image-additional').carousel({interval:false})

</script>

<?php } ?>

</div>

<?php } ?>

<?php if ($review_status) { ?>

<div><img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" /> <a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $reviews; ?></a> | <a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $text_write; ?></a></div>

</div>

<?php } ?>

</div>

</div>

<?php if ($price) { ?>

<?php if (!$special) { ?>

<?php echo $price; ?>

<?php } else { ?>

<?php } ?>

</div>

<?php if ($tax) { ?>

<?php } ?>

<?php if ($points) { ?>

<?php } ?>

</div>

<?php if ($discounts) { ?>

<ul>

<?php foreach ($discounts as $discount) { ?>

<?php } ?>

</ul>

</div>

<?php } ?>

</div>

<?php } ?>

<?php if ($profiles): ?>

<?php foreach ($profiles as $profile): ?>

<?php endforeach; ?>

</select>

</div>

<?php endif; ?>

</div>

</div>

</div>

</button>

</div>

<?php echo $button_wishlist; ?>

</a>

</div>

<?php echo $button_compare; ?>

</a>

</div>

</div>

<?php if ($minimum > 1) { ?>

<?php } ?>

<?php if ($options) { ?>

<?php foreach ($options as $option) { ?>

<?php if ($option['type'] == 'select') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<?php foreach ($option['option_value'] as $option_value) { ?>

<?php if ($option_value['price']) { ?>

(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)

<?php } ?>

</option>

<?php } ?>

</select>

</div>

<?php } ?>

<?php if ($option['type'] == 'radio') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<?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']; ?>" />

<?php echo $option_value['name']; ?>

<?php if ($option_value['price']) { ?>

(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)

<?php } ?>

</label>

</div>

<?php } ?>

</div>

<?php } ?>

<?php if ($option['type'] == 'checkbox') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<?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']; ?>" />

<?php if ($option_value['price']) { ?>

(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)

<?php } ?>

</label>

</div>

<?php } ?>

</div>

<?php } ?>

<?php if ($option['type'] == 'image') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<?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>

<?php if ($option_value['price']) { ?>

(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)

<?php } ?>

</label>

</td>

</tr>

<?php } ?>

</table>

</div>

<?php } ?>

<?php if ($option['type'] == 'text') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />

</div>

<?php } ?>

<?php if ($option['type'] == 'textarea') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5" class="form-control"><?php echo $option['option_value']; ?></textarea>

</div>

<?php } ?>

<?php if ($option['type'] == 'file') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<input type="button" value="<?php echo $button_upload; ?>" id="button-option-<?php echo $option['product_option_id']; ?>" class="button btn btn-theme-default">

<input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />

</div>

<?php } ?>

<?php if ($option['type'] == 'date') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />

</div>

<?php } ?>

<?php if ($option['type'] == 'datetime') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />

</div>

<?php } ?>

<?php if ($option['type'] == 'time') { ?>

<div id="option-<?php echo $option['product_option_id']; ?>" class="option form-group">

<?php if ($option['required']) { ?>

<?php } ?>

<input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />

</div>

<?php } ?>

</div>

<?php } ?>

<?php if ($tags) { ?>

<?php for ($i = 0; $i < count($tags); $i++) { ?>

<?php if ($i < (count($tags) - 1)) { ?>

<a href="<?php echo $tags[$i]['href']; ?>"><?php echo $tags[$i]['tag']; ?></a>,

<?php } else { ?>

<?php } ?>

</div>

<?php } ?>

</div>

<?php if( $productConfig['product_enablezoom'] ) { ?>

<?php if( $productConfig['product_zoomgallery'] == 'slider' ) { ?>

$("#image").elevateZoom({gallery:'image-additional-carousel', cursor: 'pointer', galleryActiveClass: 'active'});

<?php } else { ?>

var zoomCollection = '<?php echo $productConfig["product_zoomgallery"]=="basic"?".product-image-zoom":"#image";?>';

$( zoomCollection ).elevateZoom({

<?php if( $productConfig['product_zoommode'] != 'basic' ) { ?>

zoomType : "<?php echo $productConfig['product_zoommode'];?>",

<?php } ?>

lensShape : "<?php echo $productConfig['product_zoomlensshape'];?>",

lensSize : <?php echo (int)$productConfig['product_zoomlenssize'];?>,

});

<?php } ?>

</script>

<?php } ?>

<!--

$(document).ready(function() {

$('.colorbox').colorbox({

overlayClose: true,

opacity: 0.5,

rel: "colorbox"

});

//-->

</script>

<!--

$('select[name=profile_id], input[name=quantity]').change(function(){

$.ajax({

url: 'index.php?route=product/product/getRecurringDescription',

type: 'post',

data: $('input[name=product_id], input[name=quantity], select[name=profile_id]'),

dataType: 'json',

beforeSend: function() {

$('#profile-description').html('');

},

success: function(json) {

$('.success, .warning, .attention, information, .error').remove();

if (json['success']) {

$('#profile-description').html(json['success']);

}

});

$('#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'] + '</span>');

}

if (json['error']['profile']) {

$('select[name=profile_id]').after('<span class="error">' + json['error']['profile'] + '</span>');

}

if (json['success']) {

$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/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 type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>

<?php foreach ($options as $option) { ?>

<?php if ($option['type'] == 'file') { ?>

<script type="text/javascript"><!--

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/<?php echo $this->config->get('config_template');?>/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 } ?>

<script type="text/javascript">

<!--

$('#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/<?php echo $this->config->get('config_template');?>/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 type="text/javascript">

<!--

$('#tabs a').tabs();

//-->

</script>

<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript">

<!--

$(document).ready(function() {

if ($.browser.msie && $.browser.version == 6) {

$('.date, .datetime, .time').bgIframe();

}

$('.date').datepicker({dateFormat: 'yy-mm-dd'});

$('.datetime').datetimepicker({

dateFormat: 'yy-mm-dd',

timeFormat: 'h:m'

});

$('.time').timepicker({timeFormat: 'h:m'});

});

//-->

</script>

</section>

</div></div>

</section></section>

</body></html>

А вот код стандартного файла product.tpl

<?php require( DIR_TEMPLATE.$this->config->get('config_template')."/template/common/config.tpl" );

$themeConfig = (array)$this->config->get('themecontrol');

$productConfig = array(

'product_enablezoom' => 1,

'product_zoommode' => 'basic',

'product_zoomeasing' => 1,

'product_zoomlensshape' => "round",

'product_zoomlenssize' => "150",

'product_zoomgallery' => 0,

'enable_product_customtab' => 0,

'product_customtab_name' => '',

'product_customtab_content' => '',

'product_related_column' => 0,

);

$categoryConfig = array(

'category_pzoom' => 1,

'quickview' => 0,

'show_swap_image' => 0,

);

$categoryConfig = array_merge($categoryConfig, $themeConfig );

$categoryPzoom = $categoryConfig['category_pzoom'];

$quickview = $categoryConfig['quickview'];

$swapimg = ($categoryConfig['show_swap_image'])?'swap':'';

$productConfig = array_merge( $productConfig, $themeConfig );

$languageID = $this->config->get('config_language_id');

?>

<?php echo $header; ?>

<?php require( DIR_TEMPLATE.$this->config->get('config_template')."/template/common/breadcrumb.tpl" ); ?>

<div class="container">

<div class="row">

<?php if( $SPAN[0] ): ?>

<aside class="col-md-<?php echo $SPAN[0];?>">

<?php echo $column_left; ?>

</aside>

<?php endif; ?>

<section class="col-md-<?php echo $SPAN[1];?>">

<div id="content" class="product-detail">

<?php echo $content_top; ?>

<div class="product-info">

<div class="row">

<?php if ($thumb || $images) { ?>

<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 image-container">

<?php if( isset($date_available) && $date_available == date('Y-m-d')) { ?>

<span class="product-label product-label-new">

<span><?php echo $this->language->get( 'text_new' ); ?></span>

</span>

<?php } ?>

<?php if( $special ) { ?>

<span class="product-label product-label-special"><span><?php echo $this->language->get( 'text_sale' ); ?></span></span>

<?php } ?>

<?php if ($thumb) { ?>

<div class="image">

<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox">

<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" data-zoom-image="<?php echo $popup; ?>" class="product-image-zoom img-responsive"/>

</a>

</div>

<?php } ?>

<?php if ($images) { ?>

<div class="image-additional slide carousel" id="image-additional">

<div id="image-additional-carousel" class="carousel-inner">

<?php

if( $productConfig['product_zoomgallery'] == 'slider' && $thumb ) {

$eimages = array( 0=> array( 'popup'=>$popup,'thumb'=> $thumb ) );

$images = array_merge( $eimages, $images );

}

$icols = 4; $i= 0;

foreach ($images as $image) { ?>

<?php if( (++$i)%$icols == 1 ) { ?>

<div class="item clearfix">

<?php } ?>

<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" data-zoom-image="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>">

<img src="<?php echo $image['thumb']; ?>" style="max-width:<?php echo $this->config->get('config_image_additional_width');?>px" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" data-zoom-image="<?php echo $image['popup']; ?>" class="product-image-zoom img-responsive" />

</a>

<?php if( $i%$icols == 0 || $i==count($images) ) { ?>

</div>

<?php } ?>

</div>

<a class="left carousel-control" href="#image-additional" data-slide="next">

<i class="fa fa-angle-right"></i>

</a>

<a class="right carousel-control" href="#image-additional" data-slide="prev">

<i class="fa fa-angle-left"></i>

</a>

</div>

<script type="text/javascript">

$('#image-additional .item:first').addClass('active');

$('#image-additional').carousel({interval:false})

</script>

<?php } ?>

</div>

<?php } ?>

<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12 product-view">

</div>

<div class="tabs-group box row-fuild">

<div id="tabs" class="htabs col-lg-3 col-md-3 col-sm-3 col-xs-12">

<ul class="nav nav-tabs clearfix">

<li><a href="#tab-description"><?php echo $tab_description; ?></a></li>

<?php if ($attribute_groups) { ?>

<li><a href="#tab-attribute"><?php echo $tab_attribute; ?></a></li>

<?php } ?>

<?php if ($review_status) { ?>

<li><a href="#tab-review"><?php echo $tab_review; ?></a></li>

<?php } ?>

<?php if( $productConfig['enable_product_customtab'] && isset($productConfig['product_customtab_name'][$languageID]) ) { ?>

<li><a href="#tab-customtab"><?php echo $productConfig['product_customtab_name'][$languageID]; ?></a></li>

<?php } ?>

</ul>

</div>

<div class="tab-content col-lg-9 col-md-9 col-sm-9 col-xs-12">

<div id="tab-description"><?php echo $description; ?></div>

<?php if ($attribute_groups) { ?>

<div id="tab-attribute" class=" no-margin table-responsive">

<table class="attribute table">

<?php foreach ($attribute_groups as $attribute_group) { ?>

<thead>

<tr>

<td colspan="2"><?php echo $attribute_group['name']; ?></td>

</tr>

</thead>

<tbody>

<?php foreach ($attribute_group['attribute'] as $attribute) { ?>

<tr>

<td><?php echo $attribute['name']; ?></td>

<td><?php echo $attribute['text']; ?></td>

</tr>

<?php } ?>

</tbody>

<?php } ?>

</table>

</div>

<?php } ?>

<?php if ($review_status) { ?>

<div id="tab-review" class="no-margin">

<div id="review"></div>

<h2 id="review-title"><?php echo $text_write; ?></h2>

<div class="form-group">

<label><?php echo $entry_name; ?></label>

<p><input type="text" name="name" value="" /></p>

</div>

<div class="form-group">

<label><?php echo $entry_review; ?></label>

<p><textarea name="text" cols="50" rows="8" class="form-control"></textarea></p>

</div>

<div class="form-group">

<p><span style="font-size: 11px;"><?php echo $text_note; ?></span></p>

<p>

<strong><?php echo $entry_rating; ?></strong>

<span><?php echo $entry_bad; ?></span>

<input type="radio" name="rating" value="1" />

<input type="radio" name="rating" value="2" />

<input type="radio" name="rating" value="3" />

<input type="radio" name="rating" value="4" />

<input type="radio" name="rating" value="5" />

<span><?php echo $entry_good; ?></span>

</p>

<p> <strong><?php echo $entry_captcha; ?></strong> </p>

<p> <img src="index.php?route=product/product/captcha" alt="" id="captcha" /> </p>

<p> <input type="text" name="captcha" value="" /> </p>

</div>

<div class="buttons no-padding">

<div class="pull-right"><a id="button-review" class="button btn btn-theme-default"><?php echo $button_continue; ?></a></div>

</div>

<?php } ?>

<?php if( $productConfig['enable_product_customtab'] && isset($productConfig['product_customtab_content'][$languageID]) ) { ?>

<div id="tab-customtab" class="custom-tab">

<div class="inner">

<?php echo html_entity_decode( $productConfig['product_customtab_content'][$languageID], ENT_QUOTES, 'UTF-8'); ?>

</div>

<?php } ?>

</div>

<?php require( DIR_TEMPLATE.$this->config->get('config_template')."/template/product/product_related.tpl" ); ?>

<?php echo $content_bottom; ?>

</div>

<?php if( $productConfig['product_enablezoom'] ) { ?>

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

<script type="text/javascript">

<?php if( $productConfig['product_zoomgallery'] == 'slider' ) { ?>

$("#image").elevateZoom({gallery:'image-additional-carousel', cursor: 'pointer', galleryActiveClass: 'active'});

<?php } else { ?>

var zoomCollection = '<?php echo $productConfig["product_zoomgallery"]=="basic"?".product-image-zoom":"#image";?>';

$( zoomCollection ).elevateZoom({

<?php if( $productConfig['product_zoommode'] != 'basic' ) { ?>

zoomType : "<?php echo $productConfig['product_zoommode'];?>",

<?php } ?>

lensShape : "<?php echo $productConfig['product_zoomlensshape'];?>",

lensSize : <?php echo (int)$productConfig['product_zoomlenssize'];?>,

});

<?php } ?>

</script>

<?php } ?>

<script type="text/javascript">

<!--

$(document).ready(function() {

$('.colorbox').colorbox({

overlayClose: true,

opacity: 0.5,

rel: "colorbox"

});

//-->

</script>

<script type="text/javascript">

<!--

$('select[name=profile_id], input[name=quantity]').change(function(){

$.ajax({

url: 'index.php?route=product/product/getRecurringDescription',

type: 'post',

data: $('input[name=product_id], input[name=quantity], select[name=profile_id]'),

dataType: 'json',

beforeSend: function() {

$('#profile-description').html('');

},

success: function(json) {

$('.success, .warning, .attention, information, .error').remove();

if (json['success']) {

$('#profile-description').html(json['success']);

}

});

$('#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'] + '</span>');

}

if (json['error']['profile']) {

$('select[name=profile_id]').after('<span class="error">' + json['error']['profile'] + '</span>');

}

if (json['success']) {

$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/image/close.png" alt="" class="close" /></div>');

$('.success').fadeIn('slow');

$('#cart-total').html(json['total']);

$('#cart #cart-total').html(json['total']);

$('html, body').animate({ scrollTop: 0 }, 'slow');

}

});

//-->

</script>

<?php if ($options) { ?>

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

<?php foreach ($options as $option) { ?>

<?php if ($option['type'] == 'file') { ?>

<script type="text/javascript"><!--

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/<?php echo $this->config->get('config_template');?>/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 } ?>

<script type="text/javascript">

<!--

$('#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/<?php echo $this->config->get('config_template');?>/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 type="text/javascript">

<!--

$('#tabs a').tabs();

//-->

</script>

<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script>

<script type="text/javascript">

<!--

$(document).ready(function() {

if ($.browser.msie && $.browser.version == 6) {

$('.date, .datetime, .time').bgIframe();

}

$('.date').datepicker({dateFormat: 'yy-mm-dd'});

$('.datetime').datetimepicker({

dateFormat: 'yy-mm-dd',

timeFormat: 'h:m'

});

$('.time').timepicker({timeFormat: 'h:m'});

});

//-->

</script>

</section>

<?php if( $SPAN[2] ): ?>

<aside class="col-md-<?php echo $SPAN[2];?>">

<?php echo $column_right; ?>

</aside>

<?php endif; ?>

</div></div>

<?php echo $footer; ?>

surlan · 9 травня 2016

Никто не подскажет?

Вхід

Вывод описания во всплывающем окне

Recommended Posts

surlan

Надіслати

Поділитися на інших сайтах

surlan

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information