Okay
  Print

Increase number of tabs (Tab Element)

1. Go to wp-content/plugins/hybrid-composer/components/containers.php and edit line 213 and 220 (same code on both):

for ($i = 1; $i < 13; $i++) {

Code above changes to 12 tabs.

2. Go to wp-content/plugins/hybrid-composer/admin/components/containers.php line 669:

Duplicate this block of code for each extra tab you added, changing the number id (name_8, icon_8, icon_style_8, icon_image_8, content_8, main_content_8). You need a block for each tab (9 - 12).

<div class="panel">
<div class="flex-box">
<div class="input-row full-input" data-dependence-show="link_type_media">
<p><?php _e("Tab name","hc") ?></p>
<input data-hc-setting="name_8" class="input-link" type="text" value="" />
</div>
<i class="input-row button-icons-list-all button-icon icon-plus-add-2" data-hc-setting="icon_8" data-hc-component="value" data-value="">
<input type="hidden" data-hc-setting="icon_style_8" class="icon-style" value="">
<input type="hidden" data-hc-setting="icon_image_8" class="icon-image" value="">
</i>
</div>
<div data-hc-setting="content_8" data-hc-id="main_content_8" data-hc-container="repeater" class="row">
<div class="clear"></div>
<div class="hc-add-component"><i class="icon-plus-add-2"></i></div>
</div>
</div>

3. Add the corresponding lines on the code right below the panels:

<ul class="nav nav-tabs">
  <li class="active"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">7</a></li>
  <li><a href="#">9</a></li>
  <li><a href="#">10</a></li>
  <li><a href="#">11</a></li>
  <li><a href="#">12</a></li>
</ul>