Version 5.1.5

{ openzc:reviews }

reviews:产品评论列表调用,常用于产品详情页!

字段名称 说明
[field:reviews_id/]评论ID
[field:customers_name/]评论人姓名
[field:reviews_rating/]评分
[field:date_added/]评论时间
[field:reviews_read/]评论被阅读次数
[field:reviews_text/]评论内容
[field:reviews_link/]评论详情页链接
参数名称 参数值 说明
row100调用条数
textlen200"reviews_text"字符显示长度限制
① 产品评论

产品详情页调用当前页评论信息

Matrox G200 MMS

Product Reviews List.

by Xipeng H. on 2021-07-01 09:51:34

范德萨发大水法撒旦法撒旦法士大夫撒地方撒地方撒地方撒地方撒地方士大夫撒地方撒地方撒的发生的

More Reviews

          
 <div class="row">
 	<!--产品主图-->
 	<div class="col-12 col-md-6 col-lg-6 d-flex">
 		<img class="mx-auto" style="max-width:100%" src="{openzc:proinfo field='products_image' imgsizer='500,500'/}"/>
 	</div>
 	<!--产品评论信息-->
 	<div class="col-12 col-md-6 col-lg-6">
		<p><h2 class="tx-light tx-color-01 mg-b-0">{openzc:proinfo field="products_name"/}</h2></p>
		<h4 class="tx-light tx-color-01 mg-b-0">Product Reviews List.</h4>
		<div class="tt-review-comments mg-t-15">
                    {openzc:reviews row="5"}
					<div class="tt-item">
					  <div class="tt-avatar"> <a href="#"></a> </div>
					  <div class="tt-content">
						<div class="tt-rating"> {openzc:rating star='<i class="icon-star"></i>' half='<i class="icon-star-half"></i>' empty='<i class="icon-star-empty"></i>'/} </div>
						<div class="tt-comments-info"> <span class="username">by <span>[field:customers_name/]</span></span> <span class="time">on [field:date_added/]</span> </div>
						<p> [field:reviews_text/] </p>
					  </div>
					</div>
					{/openzc:reviews}
                    </div>
        <a href="{openzc:link name='FILENAME_PRODUCT_REVIEWS' parameter='auto'/}" class="btn btn-outline-primary mg-t-20"><i class="far fa-comment-dots"></i> More Reviews</a>
	</div>
</div>
                    
② 提交产品评论表单

在产品页面填写产品评论,评论前提要先登录,没登录会自动跳转到登录页

Choose a ranking for this item. 1 star is the worst and 5 stars is the best.

Please tell us what you think and share your opinions with others. Be sure to focus your comments on the product.


          
 <!--{ openzc:mulimg } & { openzc:prolist }嵌套使用 -->
<div class="row">
	<div class="col-12 col-md-6 col-lg-6">
	{openzc:if $loginStatus==false}
	<div class="alert alert-danger" role="alert">
         <i class="icon ion-information-circled"></i> 您还没有登录,<a class="tx-color-01 tx-bold pd-5" href="{openzc:link name='FILENAME_LOGIN'/}">登录</a>后才可以对产品写评论!
    </div>
    {/openzc:if}
 	<form action="{openzc:link name='FILENAME_PRODUCT_REVIEWS_WRITE' parameter='[action=>process,products_id=>__products_id__'/}" method="post">
 		<input type="hidden" name="securityToken" value="{openzc:field.securityToken/}"/>
 		<p>Choose a ranking for this item. 1 star is the worst and 5 stars is the best.</p>
 		<p>Please tell us what you think and share your opinions with others. Be sure to focus your comments on the product.</p>
 		<div class="d-flex">
 			{openzc:if IS_MOBILE==false}
			<div class="custom-control custom-radio">
				<input type="radio" id="customRadio1" name="rating" class="custom-control-input" value="1">
				<label class="custom-control-label" for="customRadio1">
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
				</label>
			</div>
			<div class="custom-control custom-radio ml-3">
				<input type="radio" id="customRadio2" name="rating" class="custom-control-input" value="2">
				<label class="custom-control-label" for="customRadio2">
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
				</label>
			</div>
			<div class="custom-control custom-radio ml-3">
				<input type="radio" id="customRadio3" name="rating" class="custom-control-input" value="3">
				<label class="custom-control-label" for="customRadio3">
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-black-50"></i>
					<i class="icon ion-star text-black-50"></i>
				</label>
			</div>
			<div class="custom-control custom-radio ml-3">
				<input type="radio" id="customRadio4" name="rating" class="custom-control-input" value="4">
				<label class="custom-control-label" for="customRadio4">
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-black-50"></i>
				</label>
			</div>
			<div class="custom-control custom-radio ml-3">
				<input type="radio" id="customRadio5" name="rating" class="custom-control-input" value="5">
				<label class="custom-control-label" for="customRadio5">
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
					<i class="icon ion-star text-warning"></i>
				</label>
			</div>
      		{else}
      		<div class="custom-control custom-radio">
				<input type="radio" id="customRadio1" name="rating" class="custom-control-input" value="1">
				<label class="custom-control-label" for="customRadio1">1</label>
			</div>
      		<div class="custom-control custom-radio ml-4">
				<input type="radio" id="customRadio2" name="rating" class="custom-control-input" value="2">
				<label class="custom-control-label" for="customRadio2">2</label>
			</div>
      		<div class="custom-control custom-radio ml-4">
				<input type="radio" id="customRadio3" name="rating" class="custom-control-input" value="3">
				<label class="custom-control-label" for="customRadio3">3</label>
			</div>
      		<div class="custom-control custom-radio ml-4">
				<input type="radio" id="customRadio4" name="rating" class="custom-control-input" value="4">
				<label class="custom-control-label" for="customRadio4">4</label>
			</div>
      		<div class="custom-control custom-radio ml-4">
				<input type="radio" id="customRadio5" name="rating" class="custom-control-input" value="5">
				<label class="custom-control-label" for="customRadio5">5</label>
			</div>
       		{/openzc:if}
        </div>
 		<textarea class="form-control mg-t-10" cols="60" rows="5" placeholder="Enter your Reviews Text..."></textarea>
 		<button type="submit" class="btn btn-outline-primary mg-t-15">Submit Reviews</button>
 	</form>
 	</div>
</div>