쇼핑몰에 표시되는 상품명의 높이를 동일하게 보여줄 수 있어요.
자세히 알아보기
1. 상품명에 <br/> 태그를 사용하는 방법
상품명에 html 태그 사용이 가능하기 때문에 <br/>줄바꿈 태그로 원하는 만큼 줄바꿈을 해 여백을 늘려주세요.
예를 들어, 상품명이 한 줄일 경우 <br/><br/>두 번 추가하고 상품명이 두 줄일 경우 태그 추가를 안하면 되어요.
위 방법은 쉽고 간단하지만 모든 상품명을 상품명 줄 수에 따라 일일이 적용해주어야 하는 불편함이 있어요.
2. 상품명에 높이 지정하기
스마트디자인 편집창으로 상품명의 min-height(최소높이)를 지정해줄 수 있습니다.
css > 모듈(module) > 상품 (product) > listmain_1.css~listmain_7.css 파일을 열어 아래 부분에 파란색 코드를 추가해 주세요.
.xans-product-1 ul.prdList .name { text-align:left; min-height:40px; } / * min-height: 최소높이값; * /
.xans-product-1 ul.prdList .name a { color:#2e2e2e; }
※ listmain으로 시작하는 CSS가 없을 경우
스마트디자인 편집창으로 레이아웃(layout) > 기본 레이아웃(basic) > css > ec-base-product.css파일을 열어 아래 부분에 파란색 코드를 추가해 주세요.
.ec-base-product .prdList .description { margin:0 auto; padding:0 7px; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product .prdList .description .name { display:block; text-align:left; min-height:40px; } / * min-height: 최소높이값; * /
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
상품명 높이가 동일하게 변경된 모습
