Tạo Tooltip Cho Joomshopping

Thảo luận trong 'JoomShopping' bắt đầu bởi Do Duc Tu, 21/1/13.

  1. Do Duc Tu

    Do Duc Tu Rất tích cực

    Bài viết:
    98
    Likes :
    21
    Chào anh em , mình đang mày mò cái tooltip cho joomshopping nhưng chỉ gần được thôi. mong anh em pro vào giúp đỡ để hoàn thiện tooltip cho joomshopping cái nhá

    Trước hết mình dùng cái Tooltips v1.2.0 ở file đính kèm, cài đặt như module bình thường. Sau khi cài, kiểm tra xem nó đã bật Plugin lên chưa
    Rồi, giờ muốn chèn tooltip vào đâu thì mình vào đó chèn code vào. Mở file Component/com_joomshopping/template/default( hoặc theme joomshopping của bạn)/list_products/product.php ( Đây là file hiển thị sản phẩm mình dùng ở trang chủ )
    Tìm dòng
    Mã:
    <img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />
    Thay bằng
    Mã:
    {tip <img id = "main_image_<?php print $image->image_id?>" src="<?php print $product->image?>" />}<img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />{/tip}
    
    OK!
    [​IMG]
    Demo : http://daquylucyen.net.vn
    Cái mình nói chưa được ở đây là mình chỉ gọi ra được ảnh cỡ nhỏ khi rê chuột vào. Mình muốn gọi ra kích thước chuẩn của nó ( khi đã được resize ) trong phần chi tiết sản phẩm. VD:
    http://daquylucyen.net.vn/san-pham/ngoc-xanh/rong-xanh-ii.html
    Đây là đường dẫn tới ảnh đó:
    Mã:
    <?php print $this->image_product_path?>/<?php print $image->image_name;?>
    Mình thử copy đường link ảnh này thay đoạn bên trên nhưng lại ko được, vì file chi tiết sản phẩm lại là 1 file khác. Giờ mình đang ko biết làm sao để lấy được ảnh cỡ lớn hơn ra ngoài tooltip, anh em xem demo để hiểu hơn. Thanks
     

    Các file đính kèm:

  2. daiduong47

    daiduong47 Moderator Staff Member

    Bài viết:
    278
    Likes :
    95
    Cái plugin tooltip này của bạn nó chỉ có chức năng gọi ra ảnh chìm ngay trong khung ảnh (tức url ảnh thumbnail) chứ nó làm sao biết url ảnh gốc ở đâu mà gọi bạn, vấn đề này mình cũng chưa rõ, để mình tìm hiểu thử xem.
     
  3. Do Duc Tu

    Do Duc Tu Rất tích cực

    Bài viết:
    98
    Likes :
    21
    Đúng thế bạn ah. Mình cũng tìm cách mãi để gọi cái ảnh gốc của id sản phẩm đó ra mà ko được. ang em vào thử xem nào
     
  4. tranngochien89

    tranngochien89 Joomla devlopmet

    Bài viết:
    473
    Likes :
    122
  5. Bao123

    Bao123 Mới tham gia

    Bài viết:
    21
    Likes :
    4
    Mình đề nghị admin nên nhắc nhở bạn tranngocchien89 bạn không giúp thì thôi, mình thấy bài nào bạn cũng quảng cáo kêu code mất phí là sao, nếu muốn quảng cáo thì vào post quảng cáo mà đăng
     
    Do Duc Tu and luckystar67152 like this.
  6. luckystar67152

    luckystar67152 Rất tích cực

    Bài viết:
    66
    Likes :
    3
    Ủng hộ bạn!
     
  7. Do Duc Tu

    Do Duc Tu Rất tích cực

    Bài viết:
    98
    Likes :
    21
    Không có bác nào nghiên cứu ra cái này nhỉ :(
     
  8. thanmeo10

    thanmeo10 Rất nhiệt tình

    Bài viết:
    64
    Likes :
    159
    Cái này đơn giản thôi mà thay đoạn
    PHP:
    print  $product->image)
    bằng đoạn này là được rồi
    PHP:
    print str_replace("thumb""full"$product->image);
    Mình thấy trong Joomla có hỗ trợ làm tooltip rồi mà, sao không sử dụng luôn mà dùng plugin khác làm gì, làm vậy lúc bị đụng đi tìm lỗi chết luôn đó
     
    viettea and Do Duc Tu like this.
  9. Do Duc Tu

    Do Duc Tu Rất tích cực

    Bài viết:
    98
    Likes :
    21
    Mình đã thay như vậy nhưng nó không được bạn ơi. nếu dùng tooltip sẵn của joomla thì dùng class hay gì để gọi nó ra bạn?
     
  10. thanmeo10

    thanmeo10 Rất nhiệt tình

    Bài viết:
    64
    Likes :
    159
  11. Do Duc Tu

    Do Duc Tu Rất tích cực

    Bài viết:
    98
    Likes :
    21
    mình dò chả biết thế nào bạn ah. tại vì cái tooltip này chỉ khi rê chuột vào nó mới hiện lên nên vào Firebug cũng ko kiểm tra được. Bạn xem giúp mình với
    htp://daquylucyen.net.vn
    Mình thay code giống bạn bảo ở trên rùi đó
     
  12. thanmeo10

    thanmeo10 Rất nhiệt tình

    Bài viết:
    64
    Likes :
    159
    Bạn thường online khi nào, có gì pm yahoo ohiris3000 mình xem thử
     
    viettea thích bài này.
  13. nguyen thanh dien

    nguyen thanh dien Mới tham gia

    Bài viết:
    24
    Likes :
    3
    thuantsd thích bài này.
  14. vonhutuan

    vonhutuan Mới tham gia

    Bài viết:
    9
    Likes :
    0
    bạn up lại cái tooltip 1.2.0 với, ko down đc!
     
  15. vonhutuan

    vonhutuan Mới tham gia

    Bài viết:
    9
    Likes :
    0
    Sao cái đoạn code hiển thị hình ảnh sản phẩm trong joomshoping của mình thế này mọi người!

    Mã:
    <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image;
                  else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" /> 
    Mình chèn tooltip vào nó không đc! chỉ show lên như cái dầu chấm.
    Mọi người xem giúp lỗi gì nhỉ!

    Mã:
    {tip <img class="tooltip-img-400" src="<?php print str_replace("thumb", "full", $product->product_thumb_image?>" />}
                  <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image;
                  else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" /> {/tip}
     
  16. thuantsd

    thuantsd Mới tham gia

    Bài viết:
    2
    Likes :
    0
    cái này là đang cầần. tks test cái đã. thông báo a/e
     
  17. timnhanhtv

    timnhanhtv https://www.facebook.com/DaoTaoJoomla

    Bài viết:
    13
    Likes :
    3
    Đã làm tooltip cho joomshoping demo: bepmyanh. vn
    Nếu đúng cái bạn cần thì pm nhé m hướng dẫn
     
    Domanhhai thích bài này.
comments powered by Disqus

Chia sẻ trang này