Categories

Featured templates

VirtueMart 2.x. How to manage products custom tabs

Ammy Brown December 15, 2014
Rating: 4.0/5. From 1 vote.
Please wait...

This tutorial will show you how to manage products custom tabs.

VirtueMart 2.x. How to manage products custom tabs

You can manage these tabs in your site back end:

VirtueMart-2.x.-How-to- manage-products-custom-tabs-1
  1. Navigate to Components > Virtuemart in your Joomla admin panel:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-2
  2. Choose Products under Products section in Virtuemart admin panel:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-3
  3. Edit product you would like to make changes to.

Let’s take closer look at the most common custom tabs.

Description tab

Description tab allows you to show product description text.

  1. Click on Product Description tab in the opened product. Edit Product Description field content:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-4
  2. Click Save button to save modification, refresh your site to see the change.

Specification tab

Specification Product tab allows you do add such product specification as: Height, Weight, String and Bolean.

  1. Edit product under Components > Virtuemart > Products > Products.

  2. Click on Custom Fields tab. Make changes under the Specification field:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-5

Reviews tab

Under Reviews tab you can see reviews you customer left for the product:

VirtueMart-2.x.-How-to- manage-products-custom-tabs-6

Custom tab

Custom tab allows you to add more product information. You can add more text, images, etc.

  1. Open product you would like to edit. Click on the Custom fields tab.

  2. Make changes under the Custom field:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-7
  3. Save product and see the changes.

Video tab

Video tab allows you to embed video to the product page.

  1. Navigate to your admin panel, open product you would like to edit.

  2. Click on Custom Fields tab in your product settings.

  3. Paste embed code for your video to the Video about us field:

    VirtueMart-2.x.-How-to- manage-products-custom-tabs-8

In order to change Reviews and Description tabs titles, please edit language/en-GB/en-GB.com_virtuemart.ini file. Make change on the line 359:

COM_VIRTUEMART_REVIEWS="Reviews"

And line 273:

COM_VIRTUEMART_PRODUCT_DESC_TITLE="Description"

Specification, Video and Custom titles can be changed in the templates/theme/html/com_virtuemart/productdetails/default.php file. Edit lines below:

line 359:

<?php } ?>
<?php if ($this->product->customfieldsSorted['specification']) { ?>
<h2>Specification</h2>

line 226:

<?php } ?>
<?php if ($this->product->customfieldsSorted['custom']) { ?>
<h2>Custom</h2>

line 235:

<?php } ?>
<?php if ($this->product->customfieldsSorted['video']) { ?>
<h2>Video</h2>

In order to remove custom products tabs from your site, please edit templates/theme/html/com_virtuemart/productdetails/default.php file. Remove/comment lines 202-243:

<div class="responsive-tabs">
	  <?php if ($this->product->product_desc) { ?>
	  <h2><?php echo JText::_('COM_VIRTUEMART_PRODUCT_DESC_TITLE') ?></h2>
	  <div>
	  <div class="desc"> <?php echo $this->product->product_desc ?></div>
	  </div>
	  <?php } ?>
	  <?php if ($this->product->customfieldsSorted['specification']) { ?>
	  <h2>Specification</h2>
	  <div>
	  <?php  if (!empty($this->product->customfieldsSorted['specification'])) {
	  $this->position = 'specification';
	  echo $this->loadTemplate('specification');
	  } // Product custom_fields END	?>
	  </div>
	  <?php } ?>
	  <?php if ($this->product->product_desc) { ?>
	  <h2><?php echo JText::_('COM_VIRTUEMART_REVIEWS') ?></h2>
	  <div>
	  <?php echo $this->loadTemplate('reviews') ?>
	  </div>
	  <?php } ?>
	  <?php if ($this->product->customfieldsSorted['custom']) { ?>
	  <h2>Custom</h2>
	  <div>
	  <?php  if (!empty($this->product->customfieldsSorted['custom'])) {
	  $this->position = 'custom';
	  echo $this->loadTemplate('custom');
	  } // Product custom_fields END	?>
	  </div>
	  <?php } ?>
	  <?php if ($this->product->customfieldsSorted['video']) { ?>
	  <h2>Video</h2>
	  <div>
	  <?php  if (!empty($this->product->customfieldsSorted['video'])) {
	  $this->position = 'video';
	  echo $this->loadTemplate('customvideo');
	  } // Product custom_fields END	?>
	  </div>
	  <?php } ?>
  </div>

Feel free to check the detailed video tutorial below:

VirtueMart 2.x. How to manage products custom tabs
This entry was posted in VirtueMart Tutorials and tagged custom, tab, VirtueMart. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket