Author Topic: How to Integrate Magic Tabs into VirtueMart  (Read 31921 times)

Glen Chancy

  • Jr. Member
  • **
  • Posts: 51
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #15 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.

TomC

  • Jr. Member
  • **
  • Posts: 215
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #16 on: August 18, 2009, 06:30:51 am »
None of the suggestions above worked for me.

 :-[

meenaxi

  • Guest
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #17 on: January 25, 2010, 14:02:51 pm »
Hello mastergle Its really helped me. Thanks a lot :)

iztok15

  • Beginner
  • *
  • Posts: 9
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #18 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
When I click on ZAVIHEK 2 the page scroll down. I want to remove that.

Thanks for help!

filterit

  • Jr. Member
  • **
  • Posts: 147
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #19 on: January 30, 2010, 12:03:17 pm »
same problem for me as well

iztok15

  • Beginner
  • *
  • Posts: 9
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #20 on: January 31, 2010, 07:30:37 am »
I set tab event on mouseover.


BBC

  • Beginner
  • *
  • Posts: 3
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #21 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
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.

BBC

  • Beginner
  • *
  • Posts: 3
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #22 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.

Lee

  • Beginner
  • *
  • Posts: 14
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #23 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?  

TonyG

  • Jr. Member
  • **
  • Posts: 339
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #24 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

Lee

  • Beginner
  • *
  • Posts: 14
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #25 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.

TonyG

  • Jr. Member
  • **
  • Posts: 339
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #26 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]

El Lubio

  • Beginner
  • *
  • Posts: 1
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #27 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 

Lee

  • Beginner
  • *
  • Posts: 14
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #28 on: February 26, 2010, 19:31:49 pm »
All set.. The load jquery and load highslide settings did it.

Thank you sir!


soulraven

  • Beginner
  • *
  • Posts: 28
Re: How to Integrate Magic Tabs into VirtueMart
« Reply #29 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