-
infobuster;127710I’ve been following this thread and thought i’d have a go myself,
firstly i must stress that this is my first post in submitting script so please bear with me if it’s not 100%
right then to get the tabs to work in virturemart i did the following
go to your joomla template >> templates >> whatever >>index.php
(1)add this line <LINK REL=”stylesheet” TYPE=”text/css” MEDIA=”all” HREF=”http://www.mywebsite.co.uk/tab/tabs.css”>
(2) download the css from here http://www.co-lo.co.uk/tabs.zip
(3)then go to your virtuemart flypage you want to insert it in to example
components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php
and add this script to the bottom of the page
<?
class tabs {
var $name;
var $tabs;
var $active;
var $current;function __construct($name){
$this->name = $name;
}function start($name){
if (empty($this->active)){ $this->active = $name; }
$this->current = $name;
ob_start();
}function end(){
$this->tabs[$this->current] = ob_get_contents();
ob_end_clean();
}function run(){
if (count($this->tabs) > 0){
echo “<DIV CLASS=’tabs’>n”;
$jsClear = “”;
foreach($this->tabs as $tabname => $tabcontent){
$tabid = “tab_”.$this->name.”_$tabname”;
$contentid = “tabcontent_”.$this->name.”_$tabname”;
$jsClear .= “tdocument.getElementById(‘$tabid’).className = ‘tab_inactive’;n”;
$jsClear .= “tdocument.getElementById(‘$contentid’).style.display = ‘none’;n”;
}
echo “<script type=”text/javascript”>n”;
echo “function tab_”.$this->name.”(id){n”;
echo “$jsClear”;
echo “tdocument.getElementById(‘tab_”.$this->name.”_’+id).className = ‘tab_active’;n”;
echo “tdocument.getElementById(‘tabcontent_”.$this->name.”_’+id).style.display = ”;n”;
echo “}n”;
echo “</script>n”;
foreach($this->tabs as $tabname => $tabcontent){
$tabid = “tab_”.$this->name.”_$tabname”;
$contentid = “tabcontent_”.$this->name.”_$tabname”;
echo “<DIV CLASS='”;
if ($this->active == $tabname){ echo “tab_active”; }else{ echo “tab_inactive”; }
echo “‘ ID=’$tabid’ “;
echo “onClick=”tab_”.$this->name.”(‘$tabname’);”>$tabname</DIV>n”;
}
echo “<DIV STYLE=’float: left; clear:both;’></DIV>n”;
foreach($this->tabs as $tabname => $tabcontent){
$contentid = “tabcontent_”.$this->name.”_$tabname”;
echo “<DIV ID = ‘$contentid’ CLASS=’tab_content’ STYLE=’display: “;
if ($this->active == $tabname){ echo “block”; }else{ echo “none”; }
echo “;’>$tabcontent</DIV>n”;
}
echo “</DIV>n”;
echo “<DIV STYLE=’clear: both;’></DIV>n”;
}
}
}$tabs = new tabs(“example1”);
$tabs->start(“Discription”);
echo “This is tab number one.<br/>”;
echo “$product_description”;
$tabs->end();$tabs->start(“Customer Reviews”);
echo “This is tab number two.<br/>”;
echo “$product_reviews”;
$tabs->end();$tabs->start(“Related Products”);
echo “This is tab number three.<br/>”;
echo “$related_products”;
$tabs->end();$tabs->run();
?>
it should give you a basic tab layout that you should be able to modify to suit your need, i must stress please please please backup any scripts you are modifying
hope this helps someone also if it helps i’m using joomla 1.5.8 and virtuemart 1.1.2 and a working demo of this can been here
Hi infobuster,
Nice to meet you at here, this is our pleasure to welcome for our newcomer.Firstly, your concept and design is fantastic, however, i had follow the exactly the instruction as above stated, but fail to success transform it to TABs model.(screenshoot had attached)
But i notice that, the most Special of your flypage was your 3D flash pics display, that is very nice, can you open your source to us ??? and may i know how you took the 3D photo?
For my current need, i wish the 3D FLASH pics display system can be modify to 3D pics gallery, which can display 3~4 products pics, include the zoom function.
Another question for the 3D flash pics display, is it link/connect with VM backend ? if we can input more pics when we create a new product entry in VM, this is wonderful and perfect products display module.
I wish can obtain further support on this issue, Thanks in advance.
Joomla: 1.5.10
VirtueMart: 1.1.3by,
Kevin.CThis topic contains 116 replies, has 10 voices, and was last updated by
sandstorm871 15 years, 1 month ago.
We moved to new unified forum. Please post all new support queries in our New Forum
