SLAM: changing order of artist template tabs

As many are asking for this, we are making a small post about the customisation of artist tabs.

This template is based on twitter bootstrap and is a basic TABS template.

This means there are 2 parts: the tabs menu and the tabs content.

Assuming that you installed the child theme as suggested in the manual, this is how to create your own artist template.

  1. copy part-artist.php in the child theme folder
  2. identify the tabs menu, which in the actual 3.2.2 version of theme is at line 54 and following. This is a simple UL list. You can change the order of the items but remember to move the class=”active” in the list item you want first.
  3. Identify the content of tabs.
    The basic structure of a content tab (there are 4 total) is <div class=”tab-pane fade” id=”podcast”>
  4. To set a tab as active (by default is the media tab) remove in active from line 63
    <div class=”tab-pane fade in active” id=”videos”>
    becomes
    <div class=”tab-pane fade” id=”videos”>
  5. If medias are not active, the videos won’t be resized. So we need to add a small javascript to let this happen.
    Copy the js/main.js file in functions.php
    Add  before the closing of the function initializeLabelpro the following line of code:
    jQuery(“#artistTabs”).on(“click”,”a”,function(){NewYoutubeResize(); });
    If you are running SLAM 3.3.4 (actually upcoming version) or further this new function is already created so just do the steps till 4.

That’s all folks!

Thanks for reading the tutorial!

Leave A Comment?

You must be logged in to post a comment.