참 그리고 각각의 상품에 가르다란 테두리를 입혀서 상품의 구별을 쉽게 하려고 합니다.

테두리를 넣으려면 어디서 해야 하나요?

일단 이 부분은 css에서 처리를 합니다. 

두개의 css 파일을 수정을 해야되는데요..tablet.css와 mobile.css입니다. 

일단 tablet.css 파일은 

기존에 4개씩 출력을 위해서 25%로 되어있던것을 3개씩 출력이니 33%로 변경을 하였습니다. 

그러면 리스트 상에 출력되는 항목은 3개로 처리가 될겁니다. 

3개로 출력된 상태에서 제대로 출력을 할려면 세부화면 디자인에서 내역을 수정처리를 해야됩니다. 

 

관리자 페이지 디자인관리 > 고급디자인 관리 > 세부화면 디자인에 접속을 하신뒤 [쇼핑몰]상품관련에서 상품목록 :: 분류1기준을 클릭을 합니다. 

그런다음 위의 소스 부분을 주석처리를 해주시면 됩니다. (이미 해드렸습니다. ^^)

 

마지막으로 테두리 부분인데요..이건 mobile.css 파일을 수정을 하시면 됩니다. 

상품출력되는 부분의 이미지에 border값을 추가를 하는건데요..

 

mobile.css 파일에서 위의 내역을 추가를 하시면 테두리가 입력이 됩니다.