Add tooltip at thumbnails images in product page

  • Posts: 12
  • Thank you received: 0
13 years 5 months ago #17513

Hi.
Is there anyway to add descriptive text and/or tooltips to the thumbnails images in product page?

For example, I might use the "Name" field of the images list of product page?

Greetings.

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 5 months ago #17515

With the name field of your images, it will add a title on the image.
If you want a tool tip on it using the name of the image, you can edit the file administrator/components/com_hikashop/helpers/image.php and change the line:
$html = '<a class="hikashop_image_small_link" rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" target="_blank" onmouseover="return hikashopChangeImage(\''.$addpopup.'\',\''.$this->uploadFolder_url_thumb.'\',\''.$this->thumbnail_x.'\',\''.$this->thumbnail_y.'\',this);" '.$optionslink.'>'.$html.'</a>';

to:
$html = '<a title="'.$alt.'" class="hikashop_image_small_link" rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" target="_blank" onmouseover="return hikashopChangeImage(\''.$addpopup.'\',\''.$this->uploadFolder_url_thumb.'\',\''.$this->thumbnail_x.'\',\''.$this->thumbnail_y.'\',this);" '.$optionslink.'>'.$html.'</a>';

Please Log in or Create an account to join the conversation.

Time to create page: 0.044 seconds
Powered by Kunena Forum