Перенести вкладку описание

[Miklemi]

Добрый день.

Подскажите, пожалуйста, а как можно вкладки "Описание, характеристики и См.Так же" переместить под информацией товара? (см.вложение). Стандартный шаблон, версия ocStore v1.5.1.3. Понимаю что надо редактировать product.tpl и css, но не знаю что там делать)))

[snastik]

найти там блок <div id="tabs" class="htabs"> и перенести все его содержимое выше <div class="review">

css скорее всего и редактировать не придется

[Miklemi]

найти там блок <div id="tabs" class="htabs"> и перенести все его содержимое выше <div class="review">

css скорее всего и редактировать не придется

Спасибо. Почти получилось. Описание и характеристики встали как надо. А вот "см. также" уползло. Не подскажите, что в коде отвечает за этот раздел? может я не перенес до конца что-то?

[Miklemi]

Действительно не перенес хвост. С этим разобрался.

Но верстка немного поехала. Лини заезжают на картинки (см.вложение). Как с этим бороться?

[snastik]

вот этот блок забыли <div id="tab-related" class="tab-content" style="display: none;">

[Miklemi]

style="display: none;">

Не помогло, заезжает...

И можно попутно еще ворпос - как сделать так. что бы в блоке см. также в одном ряду выводилось не более двух товаров, а то в опере нижняя прокрутка появляется??

PS Спасибо, что отвечаете на эти вопросы в такое время)))

[freelancer]

да адрес сайта укажите. будет проще

[Miklemi]

да адрес сайта укажите. будет проще

my-smoby.ru

[monax]

Вам надо уменьшить размер изображения для рекомендуемых товаров. Изменяется в админке. У вас стоит 150х150. Плюс паддинги... Не помещается там 3 изображения в одну строку.

[snastik]

Монах правильно Вам советует уменьшите изображение и наступит счастье :-)

[Miklemi]

Спасибо, а сделать 2 товара в этой строчке можно?

[snastik]

как то так

тут убрал float: left;

.product-info .image {

border: 1px solid #E7E7E7;

margin-bottom: 20px;

padding: 10px;

text-align: center;

}

тут добавил width: 45%;

.box-product > div {

display: inline-block;

margin-bottom: 20px;

margin-right: 20px;

vertical-align: top;

width: 45%;

}

[monax]

Да сейчас там и 3 товара нормально смотрятся.

[inforipper]

тема закрыта 

Змінено 28 квітня 2013 користувачем inforipper

[snastik]

а куда остальное у Вас делось ?

[inforipper]

все исправил сегодня!
кусок кода не вставил
только проблема теперь на сайте заезжает полоска от описания на картинку как исправить
 

[snastik]

вот над блоком который вставил убери один закрывающий див а после блока поставь закрывающий див чтобы оно попало в блок райт и все наладится :-)

[inforipper]

спасибо помогло !

не в курсе можно ли спросить кусок кода правильного сюда что бы если кому нужно подобное можно было посмотреть ?

[inforipper]

вообщем настроил я все но такой момент до перестановки блока вверх страницы я менял в product.tpl настройки чтобы кнопка купить работала в интернет экспортер 8 версии теперь вышел конфликт какой то

тогда ( для запуска кнопки купить в ИЕ 8) <?php echo $footer; ?> ставил перед скриптами как один умелец на этом форуме посоветовал , все заработало вроде но вот когда в product.tpl уже с этим изменением стал набивать код изменения в блоке товара слетела сначала выплывающая картинка товара вместе с нижнем меню ( кнопка купить работала в IE 8) потом , начал искать проблему покрутил с кодом настроил все появилось ( кнопка купить IE 8 перестала работать ) так же и отображение товара в категории либо в хроме супер отображается а в IE 8 галимо либо наоборот .

вообщем фигня сейчас настроил все в хроме супер работает в IE 8 нет нижнего меню и кнопка купить не пашет ....

[snastik]

ну тут для Вас самый простой Вариант вернуть все назад и внимательно проделать повторно видать где то что то зацепили в скриптах или див какой мне к сожалению от сюда не видно

[inforipper]

все перебил код тоже самое конфликтует одно с другим в хроме все супер в интернет экплоер в файле описания товара: менюшки нижней нет, описание товара вроде есть вверху но криво кнопка купить не пашет выплывающую картинку настроил вроде

если кто знает помогите ибо эта дилемма еще не раз поднимется не мной так другим ( красным веделяю что менял само описание вынося его вверх

и выделяю перенос над скриптами <?php echo $footer; ?> с целью активации кнопки купить на интернет экплоере 8 версии:

<a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a></div>

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

<div class="minimum"><?php echo $text_minimum; ?></div>

<?php } ?>

</div>

<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>

<?php if ($attribute_groups) { ?>

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

<?php } ?>

<?php if ($review_status) { ?>

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

<?php } ?>

<?php if ($products) { ?>

<a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>

<?php } ?>

</div>

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

<?php if ($attribute_groups) { ?>

<div id="tab-attribute" class="tab-content">

<table class="attribute">

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

</div>

<?php if ($review_status) { ?>

<div class="review">

<div><img src="catalog/view/theme/default/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 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 type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>

<!-- AddThis Button END -->

</div>

</div>

<?php } ?>

</div>

<?php } ?>

<?php if ($review_status) { ?>

<div id="tab-review" class="tab-content">

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

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

<b><?php echo $entry_name; ?></b><br />

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

<br />

<br />

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

<textarea name="text" cols="40" rows="8" style="width: 98%;"></textarea>

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

<br />

<b><?php echo $entry_rating; ?></b> <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><br />

<br />

<b><?php echo $entry_captcha; ?></b><br />

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

<br />

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

<br />

<div class="buttons">

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

</div>

</div>

<?php } ?>

<?php if ($products) { ?>

<div id="tab-related" class="tab-content">

<div class="box-product">

<?php foreach ($products as $product) { ?>

<div>

<?php if ($product['thumb']) { ?>

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

<?php } ?>

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

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

<div class="price">

<?php if (!$product['special']) { ?>

<?php echo $product['price']; ?>

<?php } else { ?>

<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>

<?php } ?>

</div>

<?php } ?>

<?php if ($product['rating']) { ?>

<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>

<?php } ?>

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

<?php } ?>

</div>

</div>

<?php } ?>

<?php if ($tags) { ?>

<div class="tags"><b><?php echo $text_tags; ?></b>

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

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

<?php } ?>

<?php } ?>

</div>

<?php echo $footer; ?>

</div>

<?php } ?>

<?php echo $content_bottom; ?></div>

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

$('.colorbox').colorbox({

overlayClose: true,

opacity: 0.5

});

//--></script>

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

$('#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['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 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/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 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/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 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"><!--

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>

<?php echo $footer; ?>-изначально был тут

Змінено 2 лютого 2013 користувачем tim21701
Для вставки большого кода, убедительная просьба использовать тег [spoiler] ВАШ КОД [/spoiler].

[Wica]

это какой фаил нужно редактировать что бы перенести