Hey We_Go, I think you are going a more difficult path, I have one suggestion. Leave plugins and build tabs in yourself, that way you can use them wherever you want! Just google simple jQuery tabs and implement the solution in page template.
Thanks for the input,That has been tried. I had an coder that was experienced in the theme I am using. He tried to incorporate the standard jquery tabs as per various tutorials:http://www.jacklmoore.com/notes/jquery-tabsNo luck with that. Tabs are never rendered. This is a code snippet from one of the earlier versions we tried
Code:
<!--this is the script that makes the tabs work-->
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs({
event: "mouseover"
});
});
</script>
<!--end of tabs script-->
<?php /* Template name: AzonCustomTabs */ ?>?
<?php get_header(); ?>
<div id="main_content">
<div id="content">
<h1><span itemprop="itemreviewed"><?php the_title(); ?></span></h1>
<!----- Add Shortcodes HERE for WPZonBuilder content && Rollover Tabs tabbed space --->
<div id="tabs">
<ul>
<li><a href="#accessories">Accessories</a></li>
<li><a href="#productDescription">Product Description</a></li>
<li><a href="#detailsFeatures">Details & Features</a></li>
<li><a href="#video">Videos Playing</a></li>
<li><a href="#reviews">Customer Reviews</a><li>
</ul>
<div id="accessories">
<p>Hi there! I?m a bike messenger by day, aspiring actor by night</p>
</div>
<div id="productDescription">
<p><?php echo do_shortcode('[amzn_product_post template=productdescription]'); ?></p>
</div>
<div id="detailsFeatures">
<p><?php echo do_shortcode('[amzn_product_post template=detailsfeatures]'); ?></p>
</div>
<div id="video">
<p><?php echo do_shortcode('[amzn_product_post template=video]');?></p>
</div>
<div id="reviews">
<p><?php echo do_shortcode('[amzn_product_post template=iframereviews]'); ?></p>
</div>
</div>
I did some more elimination testing and finally got all three pieces of software to work correctly together (WP theme+page template) + WPZonBuilder + RolloverTabs plugin .... success ... and then I upgraded WPZon to 2.5M (latest) and I am back to having double entries of text in my tabs !!!!! After another 8 hours I am really tired of looking at code, so I am reverting back to the (tab compatible) working version of WPZon.
I do have another question: one part of the data (image and text together) is built in a html template within a table. WP builds the page. When that is the only part of the content space of the page, then it prints correctly with 5 small images in the lower right quadrant of the page. IF the tabs are added to the page below the html table, the 5 small images are gone. In my head is that anything in the original table should not change(!?)
Have a good one!
We
Last edited: