[Cần giúp] Module rê chuột vào ảnh hiện thông tin sản phẩm

[tonykid]

http://www.duytanhotel.com.vn/c3/phong-nghi.html

 

Em đang kiếm module cho hiện thông tin về sản phẩm khi rê chuột vào ảnh như demo trên

Xin cám ơn

[designworld.info]

Hj bạn. Không có bất kỳ modul nào thực hiện cho bạn điều này.

Nếu bạn muốn làm điều này. Bạn phải chèn javascrip vào trang cần hiện thị và cấu hình các thẻ tpl tương ứng với java. Bạn có thể view code của trang bạn đưa ra để lấy code.

Ví dụ với 1 trang prestashop 1.4

pcare.vn

Than!

[shushi2010]

Hi all,

 

Bạn nào làm thành công chức năng này, share cho mình với, mình cũng đang tìm kiếm mà chưa ra.

 

Thanks!

[shushi2010]

Hi vip_traivinh,

 

Mình thấy web pcare.vn của bạn có chức năng hiện thông tin khi rê chuột vào sản phẩm. Bạn có thể share cho mình kinh nghiệm không?

[quochuy689]

chưa bác coder nào phát triển và share dc cái này ak

[haylam.vn]

có thể sửa module home feature 1 chút

dùng jQuery Tooltip plugin

* * http://bassistance.d...plugin-tooltip/

 

Code demo như sau

<!-- Get Google CDN's jQuery and jQuery UI with fallback to local -->
<script src="[url="view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"]http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js[/url]"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js"></script>
<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="/tooltip/jquery.tooltip.js"%3E%3C/script%3E'))</script>

<script type="text/javascript">
$(document).ready(function(){
var width = 400;
$(".product_tooltip").tooltip({
delay: 300,
showURL: false,
track: true,
blocked: true,

extraClass: "tooltip_news",
// top: 35,
// fixPNG: true,
showBody: " - ",
bodyHandler: function () {
// var src = $(this).attr("src");
var title = $(this).attr("rel");
return '<div class="" style="width:' + width + 'px;">' + title + '</div>';
}
});
});
</script>

 

Html template

 

Mở file /module/homefeatured/homefeatured.tpl

 

dòng 39

 

hiển thị short description đơn giản

 

<li rel="{$product.description_short}" class="product_tooltip ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1} {/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">

 

Bạn muốn thêm thông tin gì thì xem ở /classes/product.php nhé

[rakepl]

Có cách này làm như  này 

hoặc chỗ này 0 bạn ơi

mình cần modify cho theme warehouse treen themeforest, bạn nào làm được xin báo giá

[tt1987]

có thể sửa module home feature 1 chút
dùng jQuery Tooltip plugin
* * http://bassistance.d...plugin-tooltip/

Code demo như sau
<!-- Get Google CDN's jQuery and jQuery UI with fallback to local -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
    <script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js"></script>
    <script>!window.jQuery.ui && document.write(unescape('%3Cscript src="/tooltip/jquery.tooltip.js"%3E%3C/script%3E'))</script>

<script type="text/javascript">
$(document).ready(function(){
var width = 400;
$(".product_tooltip").tooltip({
delay: 300,
showURL: false,
track: true,
blocked: true,

extraClass: "tooltip_news",
// top: 35,
// fixPNG: true,
showBody: " - ",
bodyHandler: function () {
// var src = $(this).attr("src");
var title = $(this).attr("rel");
return '<div class="" style="width:' + width + 'px;">' + title + '</div>';
}
});
});
</script>
Html template

Mở file /module/homefeatured/homefeatured.tpl

dòng 39

hiển thị short description đơn giản


<li rel="{$product.description_short}" class="product_tooltip ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1} {/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">



Bạn muốn thêm thông tin gì thì xem ở /classes/product.php nhé 

 

 

THANK BẠN sao mình làm không được nhỉ