html 상품상세 - 분리형게시판위젯

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 상품상세 - 분리형게시판위젯相关的知识,希望对你有一定的参考价值。

body.products.reviews #content {
  padding-top: 0;
}
.products_reviews__head {
  display: none;
}
.products_reviews_board_review__images {
  display: none;
}
.products_reviews_board_review__actions {
  display: none;
}
.products_reviews_board_review__stars {
  display: inline-block;
  width: 28%;
}
.products_reviews_board_review__name {
  display: inline-block;
  overflow: initial;
  width: 44%;
  text-align: right;
}
.products_reviews_board_review__date {
  display: inline-block;
  width: 25%;
  text-align: right;
}
.xans-product-additional .cont {
  padding: 0 !important;
  color: #000 !important;
  margin-top: -30px !important;
}
body {
  font-family: 'futura','Noto Sans KR',sans-serif !important;
  color: #000 !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  letter-spacing: 0.6px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  pointer-events: none;
}
.pagination {
  display: none;
}
li.review, li.sub_order {
  margin: 0 !important;
  padding: 15px !important;
}
.products_reviews_board_review {
  border: 0 !important;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0) !important;
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0) !important;
  box-shadow: 1px 2px 2px rgba(0,0,0,0) !important;
}
.products_reviews_board_review__message {
  font-size: 12px !important;
  font-weight: normal !important;
  color: #000 !important;
  width: 75% !important;
  float: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.products_reviews_board_review__tag {
  display: none !important;
}
i.star {
  font-size: 12px !important;
  padding: 0 !important;
  padding-right: 0 !important;
}
.products_reviews_board_review__stars {
  width: 25% !important;
  float: right !important;
  padding: 0 !important;
  height: auto !important;
}
.products_reviews_board_review__name {
  display: none !important;
}
.fa {
  line-height: 1.5 !important;
}
.products_reviews_board_review__date {
  display: none !important;
}
.products_reviews_form {
  display: none;
}
.products_reviews_summary {
  display: none;
}
.products_reviews_header {
  display: none;
}
.products_reviews__footer {
  display: none;
}
/* 작성자명이 길 때 개행이 되는 현상 방지 */
.products_reviews_board__th--author,
.products_reviews_board__td--author {
  width: 141px;
}
.products_reviews_board__th--title,
.products_reviews_board__td--title {
  padding-right: 247px;
}
<!-- cre.ma / 게시판 스타일 위젯 / 스크립트를 수정할 경우 연락주세요 (support@cre.ma) -->
<div class="crema-product-reviews" data-product-code="{$product_no}" data-widget-id="12" style="width: 800px; margin: 0 auto;"></div>

以上是关于html 상품상세 - 분리형게시판위젯的主要内容,如果未能解决你的问题,请参考以下文章

javascript 상품상세리뷰수가0개일때위젯숨기기

css PC상품프리뷰위젯반응형CSS

css 모바일상품상세페이지후기탭에넣는위젯

css 상품리뷰 - 갤러리위젯

css 상품리뷰 - 프리뷰위젯

css 상품리뷰 - 평점위젯