카페24 클래스 정리

https://unto.kr/blog/coding-info/cafe24-coding-tip/

🔍 xans-OO

경로 - skin0/css/module/...
카페24에서 제작해둔 모듈에 css를 입힐때 사용한다. 모듈을 사용하면 엘리먼트에 자동으로 생성되는 클래스

🔍 ec-base-OO

경로 - skin0/layout/basic/css/...
html에 직접 삽입하여 사용할 수 있다.

.ec-base-product: 상품진열 관련 클래스

-grid : 원하는 열에 따라 ul의 class를 바꾸어 열 변경 가능 (grid1->1열, grid2->2열...)

.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }