우커머스 리뷰 별점이 깨지는 경우 대처법

Updated on 2020-01-05 by

우커머스에는 상품별로 간략 리뷰 및 별점을 줄 수 있는 기능이 있는데요.

이커머스에서 리뷰가 매우 중요하기 때문에 구매자 도는 이용자가 남기는 리뷰 및 평점은 매우 소중한 자산이 됩니다. 풍부한 리뷰와 정확한 평가가 있는 이 커머스 사이트라면 분명히 소비자가 믿고 구입할 확율이 높아지겠죠.

우커머스 상품 리뷰 별점이 망가지다

그런데 우커머스에서 이 리뷰 별점이 망가지는 경우가 있습니다. 예를 들면 아래와 같은 모습이 나타나는데요.

우커머스 리뷰 별점이 망가진 모습

이런 현상이 나타나면 상당히 당혹스럽죠.

원인을 모르니 다양한 Custom css를 동원해 문제를 해결하려고 하는데요.

해결책은 생각외로 간단하다

실상 알고보면 상단히 간단한 문제입니다. 이렇게 상품 리뷰 별점이 깨지는 이유는 여기에 글글 폰트가 적용되면서 한글 폰트에서 딱 맞는 별 문자가 없기 때문입니다.

그렇기 때문에 이 별점에는 한글 폰트 정의에서 사용한 font-family를 적용하지말고 우커머스가 적용 사항 그대로 유지하라는 css 코드를 적용하면 되죠.

아래와 같은 매우 단순한 커스텀 CSS코드를 사용하면 됩니다.

.star-rating span { font-family: unset; }

서울에 생긴 Vultr 서버 100$ 프로모션 안내

안녕하세요?
새로운 사이트 구축을 위한 신규 서버를 고민하신다면 , 서울 리젼이 생겨 더욱 빨라진 Vultr 서버를 Vultr 100$ 프로모션으로 이용해 보세요.

아래 프로모션 코드 링크를 통해 Vultr에서 서버 구축 후 1달 이상 사용 및 $25이상 결제 時 추가 100$을 주는 프로모션을 진행 中입니다.

아래 이미지를 클릭해 등록할 수 있습니다.

Vultr는 서울에도 리젼이 있어 매우 빠르고, 아마존 웹 서비스(AWS)보다 성능이 높으며 가장 가성비가 뛰어납니다.

거기다 사용자 UI도 좋고, 15개까지 스냅샷을 무료로 제공하기 때문에 관리하기 좋습니다. 그리고 지금 100$ 프로모션처럼 가격적인 메리트도 있습니다.

저는 2016년부터 Vultr 서버를 사용했는데요. 지금까지 잘 사용해 오고 있습니다. 아래 사용기도 참고해 보세요.

도쿄 리젼과 비교해 본 Vultr 서울 리젼 사용기

가성비가 뛰어난 Vultr 가상서버호스팅(클라우드호스팅,VPS) 사용기

Vultr 가상서버호스팅의 새상품 High Frequency 사용기

가상 서버를 운영하고픈 勇者에게 전하는 가상 서버 운영 입문 노하우 – Vultr 가상서버호스팅(VPS)를 중심으로

해외 가상서버호스팅(VPS)이 국내 호스팅보다 빠르다? – 아이비호스팅과 해외 가상서버호스팅 VULTR간 비교

사이트 운영을 위한 안내 – 웹서버 세팅에서 워드프레스 설치까지(우분투 17.10, NGINX 1.13.6, Marian DB 10.2, PHP7.2)

워드프레스 최적화를 위한 18개월간의 고민, 그 노하우를 담다.

오랬동안 FMCG 마케팅과 전자제품 상품기획 경험을 기반으로 다양한 분야의 마케팅 및 경영 사례 분석에 관심을 가지고 있습니다. 아울러 IT 등 트렌드 분석과 빠르게 변화하는 뉴스에서 얻을 수 있는 인사이트를 분석해 나누고 있습니다.. 개인적으로 사진에 관심에 많아 소소한 일상의 따뜻함을 담고 있습니다. 혹 연락이 필요하시면 ihappist@gmail.com으로 연락해 주세요

0 Comments
Inline Feedbacks
View all comments