상품명 글자르기(CSS이용)
2008-11-07 | 겟몰 | 1570
| ■ 상품명 글자르기(CSS이용) - 프라임, 몰인몰 공통 메인 페이지 및 카테고리 리스트 페이지에서 상품명 출력시 특정 글자(특정 픽셀)로 상품명을 제한하는 팁입니다. 메인페이지나 카테고리 리스트페이지에서 상품명 출력시 해당 상품명은 스타일(CSS)로 지정되어 있습니다. 위 사항을 이용하여 별도의 출력부분 수정없이 스타일 부분만 수정하여 상품명 길이를 제한하는 방법입니다. 다음은 메인페이지에서의 상품명 글자수 제한하는 방법입니다. [/lib/style.php 98 line] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ [변경전] echo ".".$array_menu[$z][$i]." {font-family:".$value[$k++]."; font-size:".$value[$k++]."; font-weight:".$value[$k++]."; "; -------------------------------------------------------------------------------------------- [변경후] echo ".".$array_menu[$z][$i]." {".(($array_menu[$z][$i]=="mainprname")?"white-space:nowrap;width:50px;overflow:hidden;text-overflow:ellipsis;cursor:hand; ":"")."font-family:".$value[$k++]."; font-size:".$value[$k++]."; font-weight:".$value[$k++]."; "; ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ [설명] 메인 상품 진열시 상품명의 class 명은 mainprname입니다. mainprname을 설정하는 98 line에 위와 같이 글자수 제한(width:50px) 스타일(녹색소스)을 삽입합니다. 카테고리 리스트 페이지나 기타페이지에서도 상품명의 class 명만 확인하시면 동일하게 응용이 가능합니다. 감사합니다. |
