상품별 베스트 부분과 그 아래부분에 있는 상품들의 속성이 다릅니다

상품별 베스트 부분은 글자수 조정이 가능하지만 아래있는 부분은 글자수로 조절을 한게 아니라 한줄로 출력을 하도록 되어있습니다. 

메인 화면 디자인 하단에 보면 위와 같은 내용이 있는데요..이게 그룹디자인입니다.

메인탭1,2,3,4의 경우는 프로그램 마법사에서 글자수를 조절이 가능하니 이 부분에서 설정을 하시면 되며,  

그외의 것은 css자체를 수정을 해야됩니다. 

 

과일류더보기 약초류더보기, 어페류더보기의 경우는 아래와 같이 수정을 해주시기 바랍니다. 

먼저 위의 3개는 소스를 수정을 해야되는데..각 그룹디자인 소스보기를 하면 알와 같은 화면이 나옵니다. 

먼저 소스 수정을 하도록 하겠습니다. 아래 빨간색 박스에 보면 

<div class="bd">
    {$v[goods_name]}
    <!--@if($v[icon_str])-->
        <img src="{$v[icon_str]}" alt="icon" />
    <!--@end-->
    <!--@if($v[icon_str2])-->
        <img src="{$v[icon_str2]}" alt="icon2" />
    <!--@end-->
</div>

이 부분이 있습니다. 

이 부분을

<div class="bd">
    {$v[goods_name]|cut:50,...}
    <!--@if($v[icon_str])-->
        {$v[icon_str]}
    <!--@end-->
    <!--@if($v[icon_str2])-->
        {$v[icon_str2]}
    <!--@end-->
</div>

 

이와 같이 변경을 해주시면 됩니다. goods_name에 50이라는 숫자는 글자수를 말하는것이기 때문에 적절히 조절을 해주셔야 됩니다. 

두번째 상품명을 한줄로 나오는것을 두줄로 변경을 해야되는데요..위의 css를 클릭을 하면 아래와 같은 화면이 나옵니다. 

위으 빨간색 부분을 수정을 하셔야 되는데요..

.pm_goods_album .date {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

이렇게 되어있는 부분을

.pm_goods_album .date {
    /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
}

이렇게 변경을 해주시면 됩니다. 

 

감사합니다.