[Shops] Hiển thị ngôi sao ( Rating ) ở chi tiết sản phẩm

Thảo luận trong 'Hỗ trợ giao diện, block' đăng bởi anhyeuviolet, 12/07/2016 06:24.

  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Mục đích: Làm được như ảnh demo.

    Áp dụng cho: NukeViet 4.0.29

    Module: Shops.

    Các file can thiệp :

    + CSS: shops.css

    + PHP: theme.php

    + TPL: detail.tpl

    + Bổ sung file: dep-lao.jpg

     

    Các chế độ sẽ hiển thị: Detail - Xem chi tiết sản phẩm.

     

    Quy tắc vàng: Luôn luôn sao lưu !

     

    Cách làm:

    + theme.php:

     

    Tìm (khoảng dòng 1280-1285):

    if (!empty($data_content['homeimgfile']) and file_exists(NV_ROOTDIR . $data_content['homeimgfile'])) {
    	$xtpl->assign('SRC_PRO_LAGE_INFO', nv_is_image(NV_ROOTDIR . $data_content['homeimgfile']));
    }
    $xtpl->assign('TITLE', $data_content[NV_LANG_DATA . '_title']);
    

    Thêm bên dưới nó:

    $rating_width = $data_content['rating_value']/5 * 100;
    $xtpl->assign( 'RATING_TOTAL', $data_content['rating_total'] );
    $xtpl->assign( 'RATING_WIDTH', $rating_width );

    + detail.tpl:

    Tìm (khoảng dòng 68-70):

     

    <li>
    	<h2>{TITLE}</h2>
    </li>
    

    Thêm dưới nó:

     

    <li>
    	<span class="rating-box">
    		<i class="fa fa-star-o" aria-hidden="true"></i>
    		<i class="fa fa-star-o" aria-hidden="true"></i>
    		<i class="fa fa-star-o" aria-hidden="true"></i>
    		<i class="fa fa-star-o" aria-hidden="true"></i>
    		<i class="fa fa-star-o" aria-hidden="true"></i>
    		<span style="width:{RATING_WIDTH}%;">
    			<i class="fa fa-star" aria-hidden="true"></i>
    			<i class="fa fa-star" aria-hidden="true"></i>
    			<i class="fa fa-star" aria-hidden="true"></i>
    			<i class="fa fa-star" aria-hidden="true"></i>
    			<i class="fa fa-star" aria-hidden="true"></i>
    		</span>
    	</span>
    	({RATING_TOTAL} <em>{LANG.rate}</em>)
    </li>
    

    + shops.css:

    Tìm dòng cuối cùng và thêm dưới nó:

    .rating-box {
    	color: #f0c808;
        line-height: 1;
        position: relative;
        white-space: nowrap;
        display: inline-block;
    }
    .rating-box span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        overflow: hidden;
        line-height: 1;
    }

    Sau đó dọn dẹp hệ thống và kiểm tra thành quả.

    Các bạn có thể download các file được nhắc đến trong bài để tham khảo ở đính kèm.

     

     

    Tệp đính kèm:

    vinhcoi nhimthulinh MTTShop thích điều này.
  • writemyessayforme

    writemyessayforme writemyessayforme writemyessayforme

    Tks a :D quá đẹp

     
  • writemyessayforme

    writemyessayforme writemyessayforme writemyessayforme

    Tuyệt <3

     

    Tệp đính kèm:

    • 3377.png
      3377.png
      Dung lượng:
      3.76 KB
      Lượt xem:
      5
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Dép lào của tôi đâu =_+

     
  • Yamahayuv

    Yamahayuv zwusalmeltfqdxdGP zzusafme2ntkdkxGP

    Cho anh đôi dép Lào....

     
  • Ai biết đưa rating ra ngoài trang chủ hướng dẫn mình với, cám ơn!

     
  •  

    Mình thêm sau đoạn  $xtpl->assign('TITLE', $data_row_i['title']); là

    $rating_width = $data_content['rating_value']/5 * 100;
    $xtpl->assign( 'RATING_TOTAL', $data_content['rating_total'] );
    $xtpl->assign( 'RATING_WIDTH', $rating_width );

    Ra trang chủ shop thấy như ý nhưng hệ thống báo lỗi ngay dòng mình vừa thêm:

    Thông báo từ Hệ thống

    Nên chú ý Nên chú ý: Undefined index: rating_value in file /modules/shops/theme.php on line 413

    Nên chú ý Nên chú ý: Undefined index: rating_total in file /modules/shops/theme.php on line 414

     

    anhyeuviolet help me, pls! Thanks

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Cái này ngoài theme.php thì ra trang chủ còn phải sửa main.php và một loạt TPL liên quan.

    Lười quá, mai mình làm. Chứ sửa nhiều mắc công hd thiếu thì phiền lắm !

     
  • Bác anhyeuviolet chắc nhiều việc nên quên mất sad

     

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây