[Nhờ hướng dẫn] Thêm hình ảnh vào viewcat của modules download

Mặc định của modules download khi xem 1 chủ đề thì nó chỉ là tên tiêu đề bài viết và không có gì cả, Nhờ các bro hướng dẫn chèn thêm hình vào giúp với ạ. Chèn giống như hướng dẫn ở đây cũng được ạ.

https://nuke.vn/forum/threads/xin-huong-dan-chinh-sua-hien-thi-nhung-tin-moi-va-cu-hon-theo-dang-hinh-anh-196.html
Xin cảm ơn

 

link demo của bạn đâu

 

Bạn xem tạm demo là nó như vậy

http://seoera.info/download/Modules-NukeViet/

Mình đang làm trên localhost

 

Vãi demo =]]

 

 

hihi, Chứ trên localhost biết làm sao? 

 

Bây giờ bạn muốn thêm hình ảnh, thông tin khác vào chỗ Module Nukeviet (7 tập tin), hay trước tên file?

 

 

Vào trước cái tên file bạn ạ, Cảm ơn bạn nhiều lắm 

 

Không rõ bạn dùng phiên bản nào.

Nhưng thử làm như sau:

 

Mở file viewcat_list.tpl (themes/default/modules/download).

 

Thay toàn bộ bằng nội dung dưới đây:

<!-- BEGIN: main -->
<div class="viewcat_list">
    <div class="clearfix">
        <!-- BEGIN: cat_data -->
        <strong>{CAT.title} <span class="text-danger">({CAT.numfile} {LANG.file})</span></strong>
        <!-- END: cat_data -->
        <!-- BEGIN: is_addfile_allow -->
        <small><strong class="pull-right m-bottom"><a title="{LANG.upload_to}" href="{CAT.uploadurl}"><em class="fa fa-upload fa-lg">&nbsp;</em>{LANG.upload_to}</a></strong></small>
        <!-- END: is_addfile_allow -->
    </div>
    <div class="panel panel-default">
        <div class="row list-title">
            <div class="col-md-10"><strong>{LANG.file_title}</strong></div>
            <div class="col-md-6"><strong>{LANG.uploadtime}</strong></div>
            <div class="col-md-5"><strong>{LANG.filesize}</strong></div>
            <div class="col-md-3 text-center"><strong>{LANG.viewcat_download_hits}</strong></div>
        </div>
        <!-- BEGIN: loop -->
        <div class="row list-content">
            <div class="col-md-10">
				<a href="{FILE.more_link}" title="{FILE.title}" class="clearfix"><strong>{FILE.title0}</strong></a>
				<a href="{FILE.more_link}" title="{FILE.title}"><img src="{FILE.imagesrc}" alt="{FILE.title}" class="img-thumbnail"/></a>
			</div>
            <div class="col-md-6">{FILE.uploadtime}</div>
            <div class="col-md-5">{FILE.filesize}</div>
            <div class="col-md-3 text-center">{FILE.download_hits}</div>
        </div>
        <!-- END: loop -->
    </div>
    <!-- BEGIN: page -->
    <div class="text-center">{PAGE}</div>
    <!-- END: page -->
</div>
<script>
    $('.pagination').addClass('pagination-sm');
</script>
<!-- END: main -->

Nó sẽ ra như này:

 

Bác anhyeuviolet em hỏi chút là cách dùng ROW.title, viewcat.title và FILE.title như thế nào ấy nhỉ?

 

Các yếu tố đó thường được gán vào một mảng.

Cứ mở các file PHP liên quan, ta sẽ biết nó gán vào mảng nào.

Trong mảng lại có nhiều thành phần: title, link, hometext, imgurl,....

Tùy theo PHP viết thế nào mà tên các thành phần sẽ khác nhau.

 

Sau đó thì muốn xuất đối tượng nào thì viết theo cấu trúc phù hợp, hệ thống sẽ xuất thông tin ra thôi.

Như bên trên là mình dùng {FILE.imagesrc} để gọi ảnh ra chẳng  hạn.

 

Cảm ơn bạn "anhyeuviolet" . Mình làm được rồi, nhưng cho mình hỏi thêm chút xíu . Trong download thì lấy ảnh nó thì dùng {FILE.imagesrc} . Nó ra ảnh thumnai chứ kg phải là ảnh gốc, Xin bạn chỉ ảnh gốc là thay cái {FILE.imagesrc} thành hàm gì? mặc định nó trong phần xem chi tiết là {FILEIMAGE.src} .

Cảm ơn bạn !

 

Mở viewcat.php trong module download ra.

Tìm dòng

                    'imagesrc' => (! empty($row['fileimage'])) ? NV_BASE_SITEURL . NV_FILES_DIR . $row['fileimage'] : '',
 

Sửa NV_FILES_DIR thành

NV_UPLOADS_DIR

 

Thử xem sao. Mình chưa test.

 

Không được bạn, đường dẫn hình vẫn lấy trong thư mục /assets/download/ 

 

Được rồi bạn ơi, Thanks anhyeuviolet nhiều

 

Ban anhyeuviolet xem giúp, chèn hình trong trình soạn thảo trong phần nội dung chi tiết file khi xem ở ngoài thì nó không có Responsive, cái hình nó vẫn to đùng. bạn xem giúp với ạ. Thanks bạn

 

Tìm các tag

<img 

Thêm class cho nó:

class="img-thumbnail"