Как сделать меню в статье? - Joomla 3.x: Общие вопросы

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

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab1" data-toggle="tab">Вкладка 1</a></li>
	<li><a href="#tab2" data-toggle="tab">Вкладка 2</a></li>
	<li><a href="#tab3" data-toggle="tab">Вкладка 3</a></li>
</ul>
<div class="tab-content">
	<div id="tab1" class="tab-pane active">
		<p>Содержимое вкладки 1</p>
	</div>
	<div id="tab2" class="tab-pane">
		<p>Содержимое вкладки 2</p>
	</div>
	<div id="tab3" class="tab-pane">
		<p>Содержимое вкладки 3</p>
	</div>
</div>

Это называется "Вкладки" (они же Табы, Tabs). Весь функционал уже встроен и не нужно никаких дополнительных компонентов, нужно только разметить страницу, расставив классы и атрибуты.
например:

Код

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab1" data-toggle="tab">Вкладка 1</a></li>
	<li><a href="#tab2" data-toggle="tab">Вкладка 2</a></li>
	<li><a href="#tab3" data-toggle="tab">Вкладка 3</a></li>
</ul>
<div class="tab-content">
	<div id="tab1" class="tab-pane active">
		<p>Содержимое вкладки 1</p>
	</div>
	<div id="tab2" class="tab-pane">
		<p>Содержимое вкладки 2</p>
	</div>
	<div id="tab3" class="tab-pane">
		<p>Содержимое вкладки 3</p>
	</div>
</div>

Спасибо за информацию. А можно по подробней про разметку, где размечать куда вставлять коды? И как это делать?