메인에 출력되는 상품들에 대한 그룹디자인이 위에서 부터 

{GROUP_event}, {GROUP_gds_alb1}, {GROUP_gds_alb2}

이렇게 3개를 출력을 하고 있습니다. 

이미지 사이즈를 180으로 고정을 하게 되면 이미지가 깨지거나 흐릿하게 보이는 증상이 있어 왠만하면 썸네일을 통해서 컨트롤을 해주시는게 좋구요..

만약 일괄적으로 수정을 한다면 각각의 그룹디자인을 수정을 하셔야 됩니다. 

{GROUP_evnet}를 기준으로 설명을 드리도록 하겠습니다

 

{GROUP_evnet} 그룹디자인의 소스를 보면 위와 같이 구성이 되어있습니다. 빨간색 박스 부분에 img 태그에서 출력을 하고 있습니다 간단하게 할려면 위의 img 태그에 바로 width값과 height값을 기재를 하시면 됩니다. 

<img src="이미지주소" style="width:180px;height:180px; border:1px solid #cccccc;">

이런식으로 처리를 하게 되면 이미지 사이즈가 180으로 고정이 되면  겉에 테두리가 1px로 회색이 생기가 됩니다. 

근데 해당 그룹디자인 소스를 보면 위에 css가 정의된 부분이 있습니다.

해당 그룹디자인 위에 보면 이와 같이 정의가 되어있습니다.

빨간색부분이 해당 이미지 출력하는 스타일정의된 것인데요..여기다가 이미지를 정의를 다시 해주시면 됩니다. 

.pm-goods_album1_{$this_group_code} .figure img {display:block; max-width:100%; margin:0 auto; }

이렇게 되어있는 내역을 

.pm-goods_album1_{$this_group_code} .figure img {display:block; max-width:100%; margin:0 auto;  width:180px; height:180px; border:5px solid #cccccc;}

이렇게 해주시면 고정된 이미지 사이즈를 구하실 수 있습니다.

 

그리고 new product 신상품의 그룹디자인은 {GROUP_gds_alb2} 입니다. 

해당 그룹디자인 소스 수정을 하셔서 위의 내역을 수정을 해주시면 되는 데요..

위의 빨간색 부분이 말씀하신 부분입니다. 이 부분을 수정을 하시면 됩니다.