Hướng dẫn tạo tooltip ảnh lớn khi di chuột qua sản phẩm virtuemart 2x

Hướng dẫn tạo tooltip ảnh lớn khi di chuột qua
sản phẩm Virtuemart 2x
Như đã đướng dẫn tạo tooltip ảnh lớn khi di chuột qua phần sản phẩm ở
hệ thống Virtuemart 1.x trên hệ thống joomla 1.5
Lần này mình sẽ hướng dẫn và chia sẻ cách tạo Tooltip khi di chuột qua
sản phẩm Virtuemart 2x trên hệ thống joomla 2.5
Bước 1 :
Để có thể thêm được Tooltip ảnh đầu tiên bạn phải cài đặt plugin System
Tooltip.
Bạn download Plugin Tooltips-v1.2.0.zip
Sau đó vào phần Administrator của joomla 2.5 chọn menu quản lý Plugin
và Enable plugin này lên.
Bạn có thể download plugin này tại đường link :
/>Bước 2 :
Bạn download file default.zip này theo đường dẫn :
/>Giải nén file này và up đè vào thư mục :
public_html/components/com_virtuemart/views/category
Vậy là khi bạn click vào 1 menu danh mục nào ở Virtuemart bạn đã có
Tooltip ảnh lớn khi di chuột qua sản phẩm rồi.
Hoặc bạn có thể tự chèn thêm tooltip này vào các module sản phẩm
virtuemart khác bằng các chèn mã lệnh sau vào phần hiển thị module sản
phẩm virtuemart bạn cần :
<! -Chèn code sau->
<div class="anh-sanpham">
<?php
$db =& JFactory::getDBO();
$query = "select file_url from a3koh_virtuemart_medias as a inner join
a3koh_virtuemart_product_medias as b on a.virtuemart_media_id
=b.virtuemart_media_id where b.virtuemart_product_id=".$product-
>virtuemart_product_id;
$db->setQuery($query);

$db->query();
$options = $db->loadObjectList();
//$full_img = $row[0];
//$full_img =
" />690k-300x300.jpg";
foreach ( $options as $row )
{
echo "{tip". $product->product_name . "::" . "<img src=\"" . $row->file_url .
"\"/>" . "}" . "<a href='".$product->link."'> <img src=\"" . $row->file_url .
"\"/></a>" . "{/tip}";
}
?>
</a>
<?php /** @todo make image popup */
//echo $product->images[0]-
>displayMediaThumb('class="browseProductImage" border="0" title="'.
$product->product_name.'" ',true,'class="modal"');
?>
</div>
<! -Chèn code sau->
Chúc các bạn thành công !