jQuery tabs image or in tab title?

(5 posts) (2 voices)

1. 

   AndreasLarsen
   Member

   Standard tabs: Is it possible to have a picture instead so that

   tab1 tab2 tab3 -> img1 img2 img3

   Or alternatively add a name="test" to the tab so that I can link to it from href="test"?

   Posted 3 months ago #
2. 

   Elliott
   Support

   Hello AndreasLarsen,

   You can try adding HTML as the tab titles but I have not tested it out yet.

   As for the classes the line you are wanting is in /wp-content/themes/[your_theme]/lib/shortcodes/11-tabs.php on line 63.

   Posted 3 months ago #
3. 

   AndreasLarsen
   Member

   Hi, and thanks for the reply - tried both:

   Changing:
   

   $out .= '
   <li><a href="#">' . $matches[3][$i]['title'] . '</a></li>
   ';

   to:
   

   $out .= '
   <li><a href="#">' . $matches[3][$i]['title'] . '</a></li>
   ';

   Resulted in a valid html output, but linking to the 'name' did not work. Tried the same at line 68 with same result.

   Adding HTML og php code to the tab titles erases the title:

   <li><a href="#"></a></li>

   Any other suggestions? :)

   Posted 3 months ago #
4. 

   Elliott
   Support

   You can also try displaying the tabs manually with HTML,

   <div class="tabs_container">
   
   <ul class="tabs">
   <li><a href="#"></a></li>
   <li><a href="#"></a></li>
   </ul>
   
   <div class="tabs_content"></div>
   <div class="tabs_content"></div>
   
   </div>

   Posted 3 months ago #
5. 

   AndreasLarsen
   Member

   Thanks doing that and adding the javascript to the page manually did the trick

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.