Сообщений в теме: 12

[P.K]

Hi

We have a field the element description that displays a tooltip when the item is edited.

Can that be shown also on the frontpage on the item page?

 

thanks

[SmetDenis]

This description you need for site administrators, as a help.
Maybe it easier for you to change the "Alternative Label" for the item layout?

[P.K]

I want that description to be displayed  to the users on the sites also. Creating a new description would increase the load. Instead i wanted to have this only displayed to the users(in the frontend) when they point the mouse on the header. Can this be possible?

[Kess]

I think that's possible. I tried this on my copy of the demo site. Please, take a look here:

 

http://jbzoo.kess.com.ua/

 

Try to hover the mouse over the "Processor", "HDD", "OS" or "Video card" properties of the notebook teasers on the frontpage. Is this what you need?

[P.K]

Hi

You got it right. I want this only but i may want that in the original tooltip like the one used in the zoo backend itself like this.

http://img11.imagesh...1/7290/c8gk.jpg

 

I think there would be no need to load extra js file for this and this may be part of already present js files?

 

thanks

[Kess]

I managed to do it like you wanted. You can see how it works on that demo site. 

In order to do this you need to make changes in several files. Those files might be different from the ones I've changed. I'll try to describe how to find the needed files.

 

So, i wanted to add these tooltips to the properties in the teaser of my "product" type. I've opened

 

media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product/teaser.php

 

and found there that properties are rendered with this line:

 

<?php echo $this->renderPosition('properties', array('style' => 'list')); ?>

 

Now we should find the file which renders this style. In this case it's the standard ZOO style, located here:

 

components/com_zoo/renderer/element/list.php

 

In here I've changed 

<li class="<?php echo $class; ?>">
	<?php echo $label.$element->render($params); ?>
</li>

to this:

<?php
if ($description = $element->config->get('description')) {
   $class .= " hasTip";
}
?>


<li class="<?php echo $class; ?>" <?php if ($description) { echo ' title="' . $description . '"'; } ?>>
	<?php echo $label.$element->render($params); ?>
</li>

This adds class "hasTip" and title to the elements with description. The only thing left now is to use standard joomla scripts that change this to tooltips like in backend. To do this just add

 

JHTML::_('behavior.tooltip');

 

to the index.php of your frontend template.

[P.K]

Hi
My properties are rendered like this

<table class="jbtable table zebra">
                
                     <?php echo $this->renderPosition('prop-2', array('style' => 'jbtable')); ?>
                        <h3>Screen</h3>
                        
                </table>
                <table class="jbtable table zebra">
                
                     <?php echo $this->renderPosition('prop-3', array('style' => 'jbtable')); ?>
                        <h3>Hardware</h3>
 
                </table>

So how do i find jbtable? 
Though i found it at media\zoo\applications\jbuniversal\templates\catalog\renderer\element
I am unsure on how to edit it?

[Kess]

Here is the solution that should work for you:

 

Open media/zoo/applications/jbuniversal/templates/catalog/renderer/element/jbblock.php and replace this code:

// create label
$label = '';
if ($params['showlabel']) {
    $labelText = ($params['altlabel']) ? $params['altlabel'] : $element->getConfig()->get('name');
    $label     = '<' . $params['labelTag'] . ' class="element-label"> ' . $labelText . '</' . $params['labelTag'] . '>';
}

with this:

// create label
$label = '';
$desc = '';
$tipcl = '';

if ($description = $element->config->get('description')) {
   $tipcl = ' hasTip';
   $desc = ' title="'.$description.'"';
}

if ($params['showlabel']) {
    $labelText = ($params['altlabel']) ? $params['altlabel'] : $element->getConfig()->get('name');
    $label     = '<' . $params['labelTag'] . ' class="element-label'.$tipcl.'"'.$desc.'> ' . $labelText . '</' . $params['labelTag'] . '>';
}

And don't forget about JHTML::_('behavior.tooltip'); in your template.

[P.K]

Hi

getting these errors

Notice: Undefined variable: classes inC:\xampp\htdocs\pgdemo\media\zoo\applications\jbuniversal\templates\catalog\renderer\element\jbblock.php on line 63

Warning: implode(): Invalid arguments passed inC:\xampp\htdocs\pgdemo\media\zoo\applications\jbuniversal\templates\catalog\renderer\element\jbblock.php on line 63

 

Code is 

62 // render result

63 echo '<' . $params['tag'] . ' class="' . implode(' ', $classes) . '">', $label,

64  ' ' . $render, '</' . $params['tag'] . '>', "\n" . $clear;

[Kess]

Could you, please, paste here the complete contents of your jbblock.php? It would be best to use special button for pasting code.