Ограничить вывод краткого описания

[kuripka2222]

Здравствуйте, помогите пожалуйста доделать вывод краткого описание с ограничением по строкам, словам или знакам (к примеру 200шт.). В конце надо сделать троеточие и слово ''Подробнее" как ссылка, при нажатии на которую скролит к вкладке "Описание". 
 

Для вывода я использовал код в файле product.php (в контроллере): 
$data['short_description']=utf8_substr(strip_tags(html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8')), 0, $this->config->get($this->config->get('config_theme') . '_product_description_length')) . '..';

И в самом шаблоне:  {{ short_description }}

Идентификатор полного описания (для ссылки "Подробнее"): id="tab-description"

P.s. 1. Краткое описание берется с полного. 2. Шаблон дефолтный Opencart/Ostore.

[whiteblue]

 

 

покупаете модуль, с кодом мы поможем...

 

[aridius]

$data['short_description'] = utf8_substr(strip_tags(html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8')), 0, 200) . '..';

 

<div class="description2">
{{ short_description }}<a class="anchor_desc" href="#yakor_desc">подробнее</a>
</div>

 

<script><!--
$('.anchor_desc').click(function(e){
$('a[href="#tab-description"]').tab('show');
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top}, 800);
return false;
});
//-->
</script >

 

 <li class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>

заменить на

 <li id="yakor_desc" class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>

[kuripka2222]

12 hours ago, mrz said:

$data['short_description'] = utf8_substr(strip_tags(html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8')), 0, 200) . '..';

 

<div class="description2">
{{ short_description }}<a class="anchor_desc" href="#yakor_desc">подробнее</a>
</div>

 

<script><!--
$('.anchor_desc').click(function(e){
$('a[href="#tab-description"]').tab('show');
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top}, 800);
return false;
});
//-->
</script >

 

 <li class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>

заменить на

 <li id="yakor_desc" class="active"><a href="#tab-description" data-toggle="tab">{{ tab_description }}</a></li>

 Огромное спасибо! 

Еще вопрос, у менять есть фиксированное меню (со скриптом)  как можно дописать код, чтобы прокручивало к вкладке, но высота от верхнего уровнять экрана была 50px или описание начиналось снизу от меню, а не от верхнего края экрана, смотрите на скриншоте

[aridius]

$('html, body').animate({scrollTop: $(target).offset().top}, 800);

 

заменить на

 

 $('html, body').animate({scrollTop: $(target).offset().top -100}, 800);