Virtuemart Support :: Topic: make a new tab in my product pages (1/1)

Welcome, Guest

TOPIC: make a new tab in my product pages

make a new tab in my product pages 11 years 2 days ago #4222

Andy Connell	I'm not one of the support guys, so wait for an answer from them if you wish. But you can set up 2 extra tabs very easily, by adding what you need within the flexible plugin. Goto flexible plugin and you will see space for 2 extra tab titles and information to put in them. Great for generic tabs that show for every product, like Shipping Information.
	The topic has been locked.

make a new tab in my product pages 11 years 2 days ago #4228

John

these are configurable in your flexibleTemplate plugin (scroll down) - but these are site wide i.e. the tab will be the same on every product.

If you want different tabs for each product you will have to code this around

templates/your_template/html/com_virtuemart/productdetails/default.php ~ line 910

 
<?php if (!empty($customTab1_title)) {?>
		<div id="customTab1" class="tabcontent" style="display:none;">
		<?php	echo $params->get('productdetails_customTab1_content'); ?>
    </div>
<?php } ?>

replace the <?php echo $params->get('productdetails_customTab1_content'); ?> with your code

Cheers

The topic has been locked.

make a new tab in my product pages 10 years 11 months ago #4479

Anna Luchini

Hi John, I am using your fab template in my website very well. Thanks to the forum I was able to set it up correctly finding a lots of work arounds. for nearly all what I need.
Notwithstanding this, I have still an issue I was not able to master. I'd like to put an extra tab besides the short decription one in ontop layout (the other ones have been hidden because they were showed beneath...)

I'd like to use the custom tab as suggested by Andy, but I need to put the related products in it.
Would you suggest me the code (or VM string) to put in templates/your_template/html/com_virtuemart/productdetails/default.php ~ line 910 in order to have related products shown there.

thanks so much. I ma looking forwrd to your kindly answer.
cheers

The topic has been locked.

make a new tab in my product pages 10 years 11 months ago #4480

John	Hi Anna, you've confused me - on our standard template the related products are already beside the short desc? see for example: www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=37&Itemid=478 or do you mean something else? (screenshot?) Cheers
	The topic has been locked.

make a new tab in my product pages 10 years 10 months ago #4765

Anna Luchini

Hi John,
Sorry if I'am answering your topic so late. Fortunatelly my customer changed his mind about related products. So it hasn't been a priority anymore, lately.
Notwithstanding this, I'd like to face deeply the problem. In your demo:
http://www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=5&Itemid=477

related products are NOT besides short desc, but are beside the Long "product description. Right?

Anyway, I displayed NONE that section because i had issues on my template. So I'd have needed to put an extra tab beside the short description (even using the plugin extra tab) with the related products. How can I do that? Most likely, it is my plain ignorance! I don't know very well how to manage the related products with your template. Infact, i am able to see them into the default TAB (below, the css displayed none tab ). So i'd need a quick hint. How to bring it up? into "ontop" layout position? beside the "DESCRIPTION" tab of your demo site?

Thanks so much for take my post in consideration again.

Anna.

The topic has been locked.

make a new tab in my product pages 10 years 10 months ago #4773

John	Sorry - you may know what you mean but I don't - please - some urls or images or something - I really don't know what your asking....
	The topic has been locked.

make a new tab in my product pages 10 years 10 months ago #4825

Anna Luchini

Hi John,

I am sorry. I didn't know my english was so bad... Anyway I wish the 2 attached images solved our misunderstandings

Attachment a.jpg not found

Attachment b.jpg not found

thanks and sorry for some typing errors into the pictures.

p.s. the item provided into the picture B doesn't show any related products TAB because they are not configured in the back end. At the moment none of the ecommerce items have related products configured. When I configured them, they appeared where I showed you in picture B. Beside the first tab "Descrizione prodotto"

the website is www.sarahchole.com

THANKS SO MUCH
regards

The topic has been locked.

make a new tab in my product pages 10 years 10 months ago #4902

Anna Luchini	Hi John, would you have a look to my post. I answered to your doubts. Did I was quite clear? thanks for you precious time. regards.
	The topic has been locked.

make a new tab in my product pages 10 years 10 months ago #4925

John

Hi,

Basically if your using the flex2 layout in file templates/your_template/html/com_virtuemart/productdetails/flexv2.php around line 313
add another <li> and div to contain the related prods

 <ul id="FlexibleProductDetails" class="shadetabs">
              <?php if (!empty($this->product->product_s_desc)) { ?>
              <li class="selected"><a href="javascript:void(0)" rel="#1product_s_desc"><?php echo JTEXT::_('COM_VIRTUEMART_PRODUCT_DESC_TITLE');?></a></li>
              <?php } ?>
              <?php if (!empty($this->product->customfieldsSorted['ontop'])) { ?>
              <li><a href="javascript:void(0)" rel="#SpecificationsBottom"><span><?php echo $params->get('productdetails_specs','Specifications'); ?></span></a></li>
              <?php } ?>
            </ul>
            <div id="FlexibleProductDetailsID">
              <?php if (!empty($this->product->product_s_desc)) { ?>
              <div id="1product_s_desc" class="FlexibleProductTABDetails" style="display:block;">
                <div class="product-short-description">
                  <?php /** @todo Test if content plugins modify the product description */
			echo $this->product->product_s_desc; ?>
                </div>
              </div>
              <?php } // Product Short Description END?>
              <?php
    if (!empty($this->product->customfieldsSorted['ontop'])) { ?>
              <div id="SpecificationsBottom" class="FlexibleProductTABDetails"  style="display:none;" >
                <?php $this->position='ontop';
		echo $this->loadTemplate('customfields'); ?>
                <div class="clear"></div>
              </div>
              <?php } // Product Custom ontop end
    ?>
            </div>
            <div class="clear"></div>

so something like

 <ul id="FlexibleProductDetails" class="shadetabs">
              <?php if (!empty($this->product->product_s_desc)) { ?>
              <li class="selected"><a href="javascript:void(0)" rel="#1product_s_desc"><?php echo JTEXT::_('COM_VIRTUEMART_PRODUCT_DESC_TITLE');?></a></li>
              <?php } ?>
              <?php if (!empty($this->product->customfieldsSorted['ontop'])) { ?>
              <li><a href="javascript:void(0)" rel="#SpecificationsBottom"><span><?php echo $params->get('productdetails_specs','Specifications'); ?></span></a></li>
              <?php } ?>
<?php if (!empty($this->product->customfieldsRelatedProducts)) { ?>
              <li><a href="javascript:void(0)" rel="#relproducts"><span><?php echo $params->get('productdetails_specs','Specifications'); ?></span></a></li>
              <?php } ?>
            </ul>
            <div id="FlexibleProductDetailsID">
              <?php if (!empty($this->product->product_s_desc)) { ?>
              <div id="1product_s_desc" class="FlexibleProductTABDetails" style="display:block;">
                <div class="product-short-description">
                  <?php /** @todo Test if content plugins modify the product description */
			echo $this->product->product_s_desc; ?>
                </div>
              </div>
              <?php } // Product Short Description END?>
              <?php
    if (!empty($this->product->customfieldsSorted['ontop'])) { ?>
              <div id="SpecificationsBottom" class="FlexibleProductTABDetails"  style="display:none;" >
                <?php $this->position='ontop';
		echo $this->loadTemplate('customfields'); ?>
                <div class="clear"></div>
              </div>
              <?php } // Product Custom ontop end
    ?>
 
 <?php
    if (!empty($this->product->customfieldsRelatedProducts)) { ?>
              <div id="relproducts" class="FlexibleProductTABDetails"  style="display:none;" >
                <?php echo $this->loadTemplate('relatedproducts');	?>
                <div class="clear"></div>
              </div>
              <?php } //relatedproduct end
    ?>
            </div>
            <div class="clear"></div>