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

các bạn có thể tạo các dạng di chuyển chuột vào ảnh tự động ảnh thu phóng to theo mọi kích cỡ bạn chọn. các mã CSS và HTML này rất là cần thiết cho người làm shop web bán quần áo hay điện thoại di động máy tính . laptop .....rất nhiều thứ khác có thể áp dụng các loại mã CSS này.

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 : http://laptrinhhaiphong.com/images/stories/huongdan/Tooltips-v1.2.0.zip Bước 2 : Bạn download file default.zip này theo đường dẫn : http://laptrinhhaiphong.com/images/stories/huongdan/default.zip 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 = "http://www.quocbaoshop.com/images/stories/virtuemart/product/nb004- 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 ! . 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. 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. : 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