<load target="/img_up/shop_pds/sauce/src_css/pm_goods_album.css">

<div class="pm_goods_album col_{$var_set[column_count]}">
    <ul>
        <!--@foreach($goods_row as $k=>$v)-->
            <li class="clear"|cond="$k % $var_set[column_count] == 0">
                <a href="{$v[read_url]}">
                    <div class="figure">
                        <!--@if($v[img1_url])-->
                            <img src="{$v[img1_url]}" alt="{$v[goods_name]}" />
                        <!--@else-->
                            <span>no img</span>
                        <!--@end-->
                    </div>
                    <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="date">{$v[price_str]}원</div>
                </a>
            </li>
        <!--@end-->
        <li cond="!count($goods_row)" class="empty">등록된 상품이 없습니다.</li>
    </ul>
</div>

 

그룹디자인 소스 일부인데요..

현재 상품명이 모두다 노출이 되지 않고 일부만 출력이 되는 이유는 위의 클래스때문입니다. 

 

.pm_goods_album * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pm_goods_album ul {margin: 0; padding: 0; list-style: none;}
.pm_goods_album ul:after {content: ''; display: block; clear: both;}
.pm_goods_album li {float: left;}
.pm_goods_album li.clear {clear: both;}
.pm_goods_album li a {display: block; text-decoration: none; text-align: center; color: #333; padding: 10px 10px 30px;}
.pm_goods_album .figure {margin: 0;}
.pm_goods_album .figure img {display: block; margin: 0 auto; max-width: 100%;}
.pm_goods_album .figure span {
    display: block; min-width: 50px; max-width: 120px; height: 90px; margin: 0 auto;
    font-size: 12px; color: #999; line-height: 90px; font-family: Arial;
    background: #eee; border: 1px solid #ccc;
}
.pm_goods_album .bd {margin: 8px 0 0; font-size: 13px;}
.pm_goods_album .date {margin: 5px 0 0; font-size: 12px; font-family: Arial; color: #888; }
.pm_goods_album .bd,
.pm_goods_album .date {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pm_goods_album .empty {font-size: 14px; padding: 10px 0; color: #666; text-align: center; width: 100% !important;}
.pm_goods_album.col_2 li {width: 50%;}
.pm_goods_album.col_3 li {width: 33.33%;}
.pm_goods_album.col_4 li {width: 25%;}
.pm_goods_album.col_5 li {width: 20%;}

 

위의 내역은 해당 클래스 파일 전문인데요..

css 파일에서 위에 빨간색부분을 제거를 하면 클래스에서 처리를 하던 글자수 조절부분이 풀릴겁니다. 

그럼 소스상에서 처리를 하면 되는데요..

파란색 부분을 변경을 하시면 됩니다. 

{$v[goods_name]|cut:10,...}

이와 같이 변경을 해주시면 원하시는 글자수만큼 노출을 할수 있습니다. 

 

감사합니다.