VirtueMart Forum

VirtueMart 1.1.x [ Old version - no longer supported ] => Questions VM 1.1 ( the only active board for the old version) => Topic started by: mastergle on April 13, 2009, 20:42:46 pm

Title: How to Integrate Magic Tabs into VirtueMart
Post by: mastergle on April 13, 2009, 20:42:46 pm
Hi,

I wanted to ask if anyone knows how to integrate Magic Tabs into Mynxx template to display product details as followed: description... features.. specifications... related prod... reviews

I have the plugin already installed and working. It only shows Description and Review content since those attributes already exist from VirtueMart ($product_details, and $product_review).

Any idea how to add another product description? One that could be used for 'Specifications' for example?

Here's the link to show you: http://terminal-outlet.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage.tpl&product_id=453054555&Itemid=17

Please help :(
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: kia_hm on April 29, 2009, 00:20:37 am
How did you do that,
I am looking for a answer for same question.
thanks,
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: forgetful on May 07, 2009, 05:28:28 am
It seems like that you managed to make it work...

Are you able to share how?????
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: arana on May 15, 2009, 00:48:49 am
can you share for the resto how you did it?

it is amazing i have found people come here with questions and get some answers but when someone has an answer many times they wont share it, this is NOT how opensource works
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Alex S on May 21, 2009, 18:27:16 pm
Mastergle, can you share with us all how you managed to get your tabs working? This is what I want to do too.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: aerocaria on May 28, 2009, 08:11:53 am
1. Install and activate these plugins:

Magic Tabs {www DOT greatjoomla DOT com/extensions/plugins/core-design-magic-tabs-plugin DOT html}

In magic tabs  plugin manager select the default mode to be “ID” and save.

Scriptgrator {www DOT greatjoomla DOT com/extensions/plugins/core-design-scriptegrator-plugin DOT html}

Just Activate and enable JQuery from site, admin or both as you require in Settings...

2. In your product description have you content divided like so:

{magictabs mode=manually}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}

And here you go.... You got tabs...

This is originally posted by Simone from www DOT simoneqdm DOT com Many many thanks to her...

Regards,
Usman.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Alex S on June 04, 2009, 01:18:32 am
Thanks for the information, aerocaria, I have now managed to configure my Magic Tabs. However, what the tutorial doesn't point out is that you need to set the 'Load To' option under Core Design Scriptegrator plugin to 'Both'.

This tutorial works fine, but it doesn't explain how to *integrate* the Virtuemart information, i.e. dimensions, related products, reviews, etc, into each tab. Can anyone provide any information on this?
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: deeptibaghel on June 14, 2009, 17:47:38 pm
Also needed is Enable content mambots / plugins in descriptions? to be ticked in Component's global configuration.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Alex S on June 16, 2009, 00:02:15 am
Has anyone worked out how to integrate Virtuemart information into Magictabs yet?
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: mastergle on June 22, 2009, 21:38:28 pm
Sorry guys!

I haven't logged into my Virtuemart forum account for about months now! And I did not see any reply forwarded to my personal email account either (weird :@) Not sure if my account was blocked or not for some reason.

Anyway, to get the magic tabs working, you need to first install the Scriptegrator plugin. This plugin (along with the Magic tabs plugin) can both be found by following this link right here: http://www.greatjoomla.com/index.php?option=com_fireboard&func=view&catid=28&id=891&Itemid=117

The Core Design team has done a great job on these plugins.

Once you have the plugins installed, make sure you go into the "Plugin Manager" section of your Joomla! Admin back-end of your site and enable both plugins.

Next, look for where your flypage.tpl file is located at (mine is located under components\com_virtuemart\themes\default\templates\product_details).

Edit this file to include something that looks like this:

<?php
   $template = '{magictabs style=black_rounded, tabwidth=120px}';
   //$template .= $VM_LANG->_('PHPSHOP_PRODUCT_DESC_TITLE');
   $template .= 'Overview';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_description;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Features';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Features of the product goes here.';
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= $VM_LANG->_('PHPSHOP_REVIEWS');
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_reviews;
   $template .= '<br />';
   $template .= $product_reviewform;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'More images';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'More images here';
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';
?>

<?php echo JHTML::_('content.prepare', $template); ?>

Save the file and upload it to your server. You should be able to test it now and see if the tabs are working or not.

Let me know if this helps.

Again, I'm sorry for replying late to this post.


Regards,

Mastergle
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: james123 on July 10, 2009, 01:51:00 am
This solution is not working out for me...could you post your flypage code?
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: heypachuco on July 27, 2009, 14:52:57 pm
I must be missing something, as I cannot get this working either.
I don't get any tabs, and all the "{magictabs mode=manually}" code displays in the item content.
Any suggestions?
Thanks.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: james123 on July 27, 2009, 15:12:31 pm
Did you enable plugins in the VM config?
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: heypachuco on July 27, 2009, 16:23:35 pm
That was it!
I enabled the plugins, but not "plugins" in the VM config.
Now I have to figure out the flypage mod...
Thanks!
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: james123 on August 07, 2009, 21:42:50 pm
I have the tabs working but have a question.

I would like the actual ask a question form within one of the tabs. Anyone know how to do this?

Also, I have added the more images into the tabs but the size of the images appear to take the size of the set thumbnail size in the config. How would this be altered?

Thanks
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Glen Chancy on August 14, 2009, 23:53:18 pm
Did any of you consider just buying a Virtuemart Theme like this one:

http://flytabs.seemyseat.com/index.php/FlyTabs-Demo/Joomla-Add-ons/Virtuemart-JCarousel-Scroller/flypage.tpl.html

That already has tabs working? Then to modify the tabs, you just change the names, add tabs, delete tabs, etc. No need for anything else, you just have a theme that does all that.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: TomC on August 18, 2009, 06:30:51 am
None of the suggestions above worked for me.

 :-[
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: meenaxi on January 25, 2010, 14:02:51 pm
Hello mastergle Its really helped me. Thanks a lot :)
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: iztok15 on January 30, 2010, 08:59:03 am
Hello.

I have one problem with Magic Tabs. I successfully integrated it in VirtueMart. But when I click on tab, the whole page scroll down. I don't want this scrolling down. How can I remove it?

Here is my page: http://www.pas.si/ostalo/121-testni-produkt.html (http://www.pas.si/ostalo/121-testni-produkt.html)
When I click on ZAVIHEK 2 the page scroll down. I want to remove that.

Thanks for help!
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: filterit on January 30, 2010, 12:03:17 pm
same problem for me as well
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: iztok15 on January 31, 2010, 07:30:37 am
I set tab event on mouseover.

Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: BBC on February 20, 2010, 01:31:20 am
Hello.

I have one problem with Magic Tabs. I successfully integrated it in VirtueMart. But when I click on tab, the whole page scroll down. I don't want this scrolling down. How can I remove it?

Here is my page: http://www.pas.si/ostalo/121-testni-produkt.html (http://www.pas.si/ostalo/121-testni-produkt.html)
When I click on ZAVIHEK 2 the page scroll down. I want to remove that.

Thanks for help!

You have a conflict between Magic Tabs Jquery and a template js script.
Open file template.js in "lib" folder in your template folder and uncomment lines 116-117. "Smoothscroll"

I don´t think you will lose some template functionality because of that.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: BBC on February 20, 2010, 01:36:53 am
I have not been for a while at this forum.
Is it some possibility to implement some tabs in VM so that it would be easy for a absolute beginner to add content in admin panel?

Magic Tabs is easy for me, but for a beginner it is very complicated to use.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Lee on February 24, 2010, 17:32:32 pm
I followed all the steps, installed and enabled magictabs and scriptregator, enabled plugins within VM config.

It still don't get any tabs,  and all the "{magictabs}" code displays in the item content itself.

What do you suppose I'm missing?  
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: TonyG on February 24, 2010, 20:40:58 pm
Hi Lee

Double check your flypage.tpl.php file and ensure that the magic tab codes are between <?php  and ?>

look at the example below as posted by Mastergle, I've tried and tested it and can confirmed it works. Simply copy the example below and paste it at the bottom of your flypage.tpl.php file.


<?php
$template = '{magictabs style=black_rounded, tabwidth=120px}';
   //$template .= $VM_LANG->_('PHPSHOP_PRODUCT_DESC_TITLE');
   $template .= 'Description';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_description;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Recently Viewed';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $recent_products;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= $VM_LANG->_('PHPSHOP_REVIEWS');
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_reviews;
   $template .= '<br />';
   $template .= $product_reviewform;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Availability';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_availability;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';
?>
<?php echo JHTML::_('content.prepare', $template); ?>
.............................................................................


Now ensure to comment out or delete the original flypage tags, which are now going to be in tabs. This is so that those tags only appears in the tabs.

Example:
/* <?php echo $product_description ?> */

/* echo $product_availability; */

I hope this helps
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Lee on February 25, 2010, 20:38:49 pm
Hi Tony,

Yes the magic code is properly closed.  The original flypage tags have been deleted as well.

I fear it might be conflicting with template jscript or one of the modules. I tried disabling some modules to no avail.

I will pm you the link to my site.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: TonyG on February 26, 2010, 01:28:03 am
Hi Lee

Find attached the content of an edited version of the default flypage.tpl.php, I've included the tabs template codes.

Make sure you install the latest version of Core Design Scriptegrator plugin and Core Design Magic Tabs plugin. You can download the two plugins from here: http://www.greatjoomla.com/index.php...=50&Itemid=143

Go to Plugin Manager and double check "System - Core Design Scriptegrator plugin" to ensure that both "Load jQuery to and Load Highslide to" are set to...Site

Let me know how you get on

[attachment cleanup by admin]
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: El Lubio on February 26, 2010, 01:32:39 am
Sorry guys!

I haven't logged into my Virtuemart forum account for about months now! And I did not see any reply forwarded to my personal email account either (weird :@) Not sure if my account was blocked or not for some reason.

Anyway, to get the magic tabs working, you need to first install the Scriptegrator plugin. This plugin (along with the Magic tabs plugin) can both be found by following this link right here: http://www.greatjoomla.com/index.php?option=com_fireboard&func=view&catid=28&id=891&Itemid=117

The Core Design team has done a great job on these plugins.

Once you have the plugins installed, make sure you go into the "Plugin Manager" section of your Joomla! Admin back-end of your site and enable both plugins.

Next, look for where your flypage.tpl file is located at (mine is located under components\com_virtuemart\themes\default\templates\product_details).

Edit this file to include something that looks like this:

<?php
   $template = '{magictabs style=black_rounded, tabwidth=120px}';
   //$template .= $VM_LANG->_('PHPSHOP_PRODUCT_DESC_TITLE');
   $template .= 'Overview';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_description;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Features';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Features of the product goes here.';
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= $VM_LANG->_('PHPSHOP_REVIEWS');
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_reviews;
   $template .= '<br />';
   $template .= $product_reviewform;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'More images';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'More images here';
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';
?>

<?php echo JHTML::_('content.prepare', $template); ?>

Save the file and upload it to your server. You should be able to test it now and see if the tabs are working or not.

Let me know if this helps.

Again, I'm sorry for replying late to this post.


Regards,

Mastergle

Hi Mastergle,

I have seen your site and have implemented succesfully your code but what I don´t understand is: how did you manage to implement the features tab and specifications tab? Where and how did you specify the text and how did you link it to the correct tab? I do understand how the product description works because you refer to the VM variable $product_description containing the corresponding text for each product. But in case of the features tab, there is no such variable so please give me some hint.

Many thanks in advance!

Regards,
El Lubio 
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Lee on February 26, 2010, 19:31:49 pm
All set.. The load jquery and load highslide settings did it.

Thank you sir!

Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: soulraven on February 28, 2010, 11:45:42 am
I installed the 2 plug-ins, and everything is OK, but it works only in content, in VirtueMart nothing happens, it appears
Quote
{magictabs mode=manually}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}

 

Va recomandam aceasta statie deoarece are o claritate foarte buna, dimensiuni mici, vine prevazuta din fabrica cu mufa de bricheta 12v, foarte utila atat autoturismelor cat si camioanelor. La mai mult de 3 bucati oferim discounturi importante. Va reecomandam  atena ML145 de la CRT cu prindere fixa sau talpa magnetica .

whay?
please help me
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: jangju on March 20, 2010, 05:50:25 am
I installed the 2 plug-ins, and everything is OK, but it works only in content, in VirtueMart nothing happens, it appears
Quote
{magictabs mode=manually}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}

 

Va recomandam aceasta statie deoarece are o claritate foarte buna, dimensiuni mici, vine prevazuta din fabrica cu mufa de bricheta 12v, foarte utila atat autoturismelor cat si camioanelor. La mai mult de 3 bucati oferim discounturi importante. Va reecomandam  atena ML145 de la CRT cu prindere fixa sau talpa magnetica .

whay?
please help me
This is the flypage code you can copy it and save as flypage.tpl.php.
You do not have to add contents above {magictabs}...{/magictabs}.
Good Luck!

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>

<?php echo $buttons_header // The PDF, Email and Print buttons ?>

<?php
if( $this->get_cfg( 'showPathway' )) {
   echo "<div class=\"pathway\">$navigation_pathway</div>";
}
if( $this->get_cfg( 'product_navigation', 1 )) {
   if( !empty( $previous_product )) {
      echo '<a class="previous_page" href="'.$previous_product_url.'">'.shopMakeHtmlSafe($previous_product['product_name']).'</a>';
   }
   if( !empty( $next_product )) {      
      echo '<a class="next_page" href="'.$next_product_url.'">'.shopMakeHtmlSafe($next_product['product_name']).'</a>';
   }
}
?>
<br style="clear:both;" />
<table border="0" style="width: 100%;">
  <tbody>
   <tr>
<?php  if( $this->get_cfg('showManufacturerLink') ) { $rowspan = 5; } else { $rowspan = 4; } ?>
     <td width="33%" rowspan="<?php echo $rowspan; ?>" valign="top"><br/>
        <?php echo $product_image ?><br/><br/><?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?></td>
     <td rowspan="1" colspan="2">
     <h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>
     </td>
   </tr>
   <?php if( $this->get_cfg('showManufacturerLink')) { ?>
      <tr>
        <td rowspan="1" colspan="2"><?php echo $manufacturer_link ?><br /></td>
      </tr>
   <?php } ?>
   <tr>
      <td width="33%" valign="top" align="left">
         <?php echo $product_price_lbl ?>
         <?php echo $product_price ?><br /></td>
      <td valign="top"><?php echo $product_packaging ?><br /></td>
   </tr>
   <tr>
     <td colspan="2"><?php echo $ask_seller ?></td>
   </tr>
   <tr>
     <td rowspan="1" colspan="2"><hr />
        <br/>
        <span style="font-style: italic;"><?php echo $file_list ?></span>
     </td>
   </tr>
   <tr>
     <td><?php
           if( $this->get_cfg( 'showAvailability' )) {
              
           }
           ?><br />
     </td>
     <td colspan="2"><br /><?php echo $addtocart ?></td>
   </tr>
   <tr>
     <td colspan="3"><?php echo $product_type ?></td>
   </tr>
   <tr>
     <td colspan="3"><hr /></td>
   </tr>
   <tr>
     <td colspan="3"><br /></td>
   </tr>
   <tr>
     <td colspan="3"><br />
      </td>
   </tr>
   <?php if( $this->get_cfg('showVendorLink')) { ?>
      <tr>
        <td colspan="3"><div style="text-align: center;"><?php echo $vendor_link ?><br /></div><br /></td>
      </tr>
   <?php  } ?>
  </tbody>
</table>
<?php
if( !empty( $recent_products )) { ?>
   <div class="vmRecent">
   
   </div>
<?php
}
if( !empty( $navigation_childlist )) { ?>
   <?php echo $VM_LANG->_('PHPSHOP_MORE_CATEGORIES') ?><br />
   <?php echo $navigation_childlist ?><br style="clear:both"/>
<?php
} ?>







<?php
   $template = '{magictabs style=black_rounded, tabwidth=120px}';
   //$template .= $VM_LANG->_('PHPSHOP_PRODUCT_DESC_TITLE');
   $template .= 'Description';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_description;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Recently Viewed';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $recent_products;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= $VM_LANG->_('PHPSHOP_REVIEWS');
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_reviews;
   $template .= '<br />';
   $template .= $product_reviewform;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Availability';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_availability;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';
?>

<?php echo JHTML::_('content.prepare', $template); ?>

Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: DianaRae on April 23, 2010, 01:22:32 am
I followed the instructions and have magic tabs working in Virtuemart.  I even have the Recently Viewed & Related products tabs working.

What I cannot figure out is how person MasterGLE2002 (the person who started this thread) got information in the "Features" and Specifications" tabs he created.

I need the same thing, only "Features" and "Options".  I successfully added those tabs.

But, I have -no clue- how to get information from each product in to that section.

I guess what I am asking is it possible somehow to use a joomla article to put in each of those sections, or if not, how do I get text in those tabs for each product?

Any guidance would be greatly appreciated.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: soulraven on April 23, 2010, 05:43:48 am
I used PHP to collect information from each file no. SKU and then to display the tab.
in short:
File that has the name of the product SKU, there is a table in the file
Table is read and displayed in Tab.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: miss_poppetje on April 29, 2010, 12:04:46 pm
Everything worked fine for me! Nice work! After all it's so easy. Just got one question. I got a webshop who should be accessible in two different languages Dutch and English. How does it works with the tabs. Now the name of the tabs is generated out of flypages.tpl these are english tab names. How does it work if i got to have dutch tabs? For the rest of the website i use joomfish to translate. Any guidance would be nice!

Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: svetkin on April 29, 2010, 14:36:42 pm
I think if you replace (for example)
Code: [Select]
$template .= 'Description';this
Code: [Select]
$template .= JText::_('Description');
it will works

and if the words are translated in language files
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: SamTzu on October 17, 2010, 01:13:17 am
None of the tips seem to work with RocketTheme Gantry Framework. Some kind of conflict?
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: DianaRae on October 17, 2010, 01:20:21 am
None of the tips seem to work with RocketTheme Gantry Framework. Some kind of conflict?

hmm I am using it in the Kinetic Rocket Theme with Gantry framework & it works fine.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: polo on April 03, 2011, 03:20:46 am
I installed the 2 plug-ins, and everything is OK, but it works only in content, in VirtueMart nothing happens, it appears
Quote
{magictabs mode=manually}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}

 

Va recomandam aceasta statie deoarece are o claritate foarte buna, dimensiuni mici, vine prevazuta din fabrica cu mufa de bricheta 12v, foarte utila atat autoturismelor cat si camioanelor. La mai mult de 3 bucati oferim discounturi importante. Va reecomandam  atena ML145 de la CRT cu prindere fixa sau talpa magnetica .

whay?
please help me
This is the flypage code you can copy it and save as flypage.tpl.php.
You do not have to add contents above {magictabs}...{/magictabs}.
Good Luck!

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>

<?php echo $buttons_header // The PDF, Email and Print buttons ?>

<?php
if( $this->get_cfg( 'showPathway' )) {
   echo "<div class=\"pathway\">$navigation_pathway</div>";
}
if( $this->get_cfg( 'product_navigation', 1 )) {
   if( !empty( $previous_product )) {
      echo '<a class="previous_page" href="'.$previous_product_url.'">'.shopMakeHtmlSafe($previous_product['product_name']).'</a>';
   }
   if( !empty( $next_product )) {      
      echo '<a class="next_page" href="'.$next_product_url.'">'.shopMakeHtmlSafe($next_product['product_name']).'</a>';
   }
}
?>
<br style="clear:both;" />
<table border="0" style="width: 100%;">
  <tbody>
   <tr>
<?php  if( $this->get_cfg('showManufacturerLink') ) { $rowspan = 5; } else { $rowspan = 4; } ?>
     <td width="33%" rowspan="<?php echo $rowspan; ?>" valign="top"><br/>
        <?php echo $product_image ?><br/><br/><?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?></td>
     <td rowspan="1" colspan="2">
     <h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>
     </td>
   </tr>
   <?php if( $this->get_cfg('showManufacturerLink')) { ?>
      <tr>
        <td rowspan="1" colspan="2"><?php echo $manufacturer_link ?><br /></td>
      </tr>
   <?php } ?>
   <tr>
      <td width="33%" valign="top" align="left">
         <?php echo $product_price_lbl ?>
         <?php echo $product_price ?><br /></td>
      <td valign="top"><?php echo $product_packaging ?><br /></td>
   </tr>
   <tr>
     <td colspan="2"><?php echo $ask_seller ?></td>
   </tr>
   <tr>
     <td rowspan="1" colspan="2"><hr />
        <br/>
        <span style="font-style: italic;"><?php echo $file_list ?></span>
     </td>
   </tr>
   <tr>
     <td><?php
           if( $this->get_cfg( 'showAvailability' )) {
              
           }
           ?><br />
     </td>
     <td colspan="2"><br /><?php echo $addtocart ?></td>
   </tr>
   <tr>
     <td colspan="3"><?php echo $product_type ?></td>
   </tr>
   <tr>
     <td colspan="3"><hr /></td>
   </tr>
   <tr>
     <td colspan="3"><br /></td>
   </tr>
   <tr>
     <td colspan="3"><br />
      </td>
   </tr>
   <?php if( $this->get_cfg('showVendorLink')) { ?>
      <tr>
        <td colspan="3"><div style="text-align: center;"><?php echo $vendor_link ?><br /></div><br /></td>
      </tr>
   <?php  } ?>
  </tbody>
</table>
<?php
if( !empty( $recent_products )) { ?>
   <div class="vmRecent">
   
   </div>
<?php
}
if( !empty( $navigation_childlist )) { ?>
   <?php echo $VM_LANG->_('PHPSHOP_MORE_CATEGORIES') ?><br />
   <?php echo $navigation_childlist ?><br style="clear:both"/>
<?php
} ?>







<?php
   $template = '{magictabs style=black_rounded, tabwidth=120px}';
   //$template .= $VM_LANG->_('PHPSHOP_PRODUCT_DESC_TITLE');
   $template .= 'Description';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_description;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Recently Viewed';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $recent_products;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= $VM_LANG->_('PHPSHOP_REVIEWS');
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_reviews;
   $template .= '<br />';
   $template .= $product_reviewform;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Availability';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= $product_availability;
   $template .= '</td></tr></table>';
   $template .= '||||';
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';
?>

<?php echo JHTML::_('content.prepare', $template); ?>


I have copied above code into my flypage, it works well.
I want to show additional product images in the tabs.
So I use the following statement:
$this->vmlistAdditionalImages( $product_id, $images )
But the additional images doesn't show up.
Can anyone can help me?
 
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: hoze on May 08, 2011, 23:11:45 pm
Try to add this:
   $template .= $this->vmListAdditionalImages( $product_id, $images );

Its worked for me.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: SoTrue on August 24, 2011, 17:03:09 pm
Hi All,

I've been using this in my design for a while (Site still isnt live yet tho) however i have noticed that the tabs do not seem to take up the whole box area...instead i have what looks like the start of a 4th tab. See my picture attached...

Does anyone know how to remove this 4th blank tab and spread the others across the full width?

[attachment cleanup by admin]
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: Stonedfury on September 16, 2011, 21:04:42 pm
This method is not working for me. I have been dipping into a mod that you can place the comments/reviews as a module and product based. I am sure this code here is a good step in right direction. Then load the module in magic tabs.
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: riordi80 on December 19, 2011, 13:53:50 pm
Anybody know why i cannot load my Related Products correctly in my flypage when i remove the line "<?php  echo $related_products ?>"?

If i have the code like this, i can see my related products in tabs correctly (but duplicated, on inside tabs and another outside) :

Code: [Select]
   $template .= '||||';   
   $template .= 'Related Products';
   $template .= '::';
   $template .= '<table colspan="3"><tr><td>';
   $template .= 'Related products here.';
   $template .= $related_products;
   $template .= '</td></tr></table>';
   $template .= '{/magictabs}';

?>

<?php echo JHTML::_('content.prepare'$template); ?></br></br>
           
        </td>
</tr>
<tr>
    <td colspan="8" class="product_separator">
    <?php  echo $related_products ?>

But when i remove the last line for delete the duplicated RelatedProducts i have problem to see the tab correctly because this one doesn't grow up correctly with the Related Products and show only the product name and a half of the image because there are not height enoght to display at the tab...

Thank you people,
Title: Re: How to Integrate Magic Tabs into VirtueMart
Post by: jdg87 on February 12, 2012, 21:01:31 pm
Hello,

I have followed the steps on how to add these tabs but I am unable to get it working. I have enabled the plugins, loaded Jquery to site, loaded Highlside to site, added the code posted on this formun <?php
I also added to product description "
{magictabs mode=manually}
TAB 01::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 02::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
||||
TAB 03::Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
{/magictabs}


but i cant seem to get it working (the tabs are not showing). I have a template i purchased  so am not using the VM default template and maybe this is the problem. Any help will be appreciated. Please take a look at my template's flypage http://www.intecsec.com/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=32&category_id=10&option=com_virtuemart&Itemid=137

If I copy and paste the entire flypage code posted by Polo then It will erase the current template's flypage.

Any help on this?