Tạo Thông Tin Sản Phẩm Trong Tab

Thảo luận trong 'JoomShopping' bắt đầu bởi vanluong2608, 17/5/13.

  1. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    Chào cả nhà.
    Mình muốn tạo thông tin sản phẩm như hình dưới mà ko biết dùng mod hay cái gì nữa có ai biết chỉ mình với
    [​IMG]
     
  2. tranngochien89

    tranngochien89 Joomla devlopmet

    Bài viết:
    473
    Likes :
    122
    Bạn đang dùng com bán hàng nào?
    hình như VM trên 4rum có một số bạn hỏi & cũng thấy có trả lời rồi đó, bạn tìm thử xem
     
  3. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    Bạn là người share code đó đúng ko
     
  4. tranngochien89

    tranngochien89 Joomla devlopmet

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

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
  6. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    Cái này cũng đơn giản mà. Đầu tiên mở file trong Component/com_jshopping/templates/default/product/product_default.php
    Tiếp đó vào trang Jqueryui.com copy cái code Tab paste vào đó.
    Rồi bạn muốn dùng tab như nào thì dùng thôi
     
  7. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    Bác có thể làm demo được ko
     
  8. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
  9. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
  10. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    http://jqueryui.com/tabs/ đây là lấy code tab nhé
    Vào file product_default.php như mình bảo và đưa code vào
    <div id="tabs">
    <ul>
    <li><a href="#tabs-1">Tab số 1</a></li>
    <li><a href="#tabs-2">Tab số 2</a></li>
    <li><a href="#tabs-3">Tab số 3</a></li>
    </ul>
    <div id="tabs-1">
    <!--Nội dung tab 1-->
    </div>
    <div id="tabs-2">
    <!-- Nội dung tab2-->
    </div>
    <div id="tabs-3"> <!--Nội dung tab3-->
    </div>
    </div>

    <!-- Phần nội dung tab thì bạn copy code của Joomshopping vào ví dụ $product->description là mô tả sản phẩm, $product->manufacture là hãng sản xuất . . . -->
     
  11. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    vậy muốn tạo nhiều nội dung khác nhau thì sao hả bạn.Theo như trên mình nghĩ thì nếu mình cho hiên nhiều trang thì nội dung nó vẫn giống vậy nội dung ko thay đổi
     
  12. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    Nội dung bạn muốn như nào thì copy code Joomshopping vào thay chứ
     
  13. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    như mình đã ghi chú giả sử tab 1 bạn muốn hiện thị phần giới thiệu sản phẩm thì cho vào đó $product->description
    tab 2 muốn hiển thị thông tin nhà sản xuất thì cho vào đó manufacture
    và cứ như thế thôi
     
  14. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    ý mình là làm tab thông tin sản phẩm đó bạn, 1 sản phẩm thông tin đâu có giống nhau đau sao làm được vậy bạn
     
  15. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    bạn có thể demo bằng video ko
     
  16. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    chắc phải mấy tháng nữa m mới có thời gian làm video demo. Cố gắng thử đi sẽ hiểu.
     
  17. GiaHuy10

    GiaHuy10 Rất tích cực

    Bài viết:
    53
    Likes :
    15
    Trong joomshopping thì chỉ cung cấp 1 số thông tin chi tiết sản phẩm như sau:
    1: Tên sản phẩm (Mã sản phẩm)
    2: Giới thiệu chi tiết sản phẩm
    3: Giá
    4: Hãng sản xuất, nhà phân phối
    5: Tính năng sản phẩm
    6: Thuộc tính sản phẩm
    7: Comment, rating, hits
    8: Sản phẩm liên quan

    Mỗi 1 thông tin như thế bạn cho vào 1 tab hoặc gộp chung nhiều thông tin vào 1 tab. Thường các website sẽ có các tab như là: Giới thiệu - Tính năng - Xuất Xứ - Bình luận - Sản phẩm liên quan
     
  18. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    Mình chèn đoạn đó vô cuối product_defaul.php mà nó hiện ở cuối điền thông tin sản phẩm mà ko hiện trong tab
    [​IMG]
     
  19. darklordqnct

    darklordqnct Mới tham gia

    Bài viết:
    8
    Likes :
    1
    ủa mình import jquery như vậy ko bị conflict hả bạn?
     
  20. vanluong2608

    vanluong2608 Rất tích cực

    Bài viết:
    107
    Likes :
    2
    ko.đây là 1 div thui mà bạn
     
comments powered by Disqus

Chia sẻ trang này