매입조정

쇼핑몰 노하우(22)

쇼핑몰 매뉴얼(18)

상품 관리 상품리스트에서 아이콘과 상품명 사이 간격을 조정하는 방법

스마트디자인 편집창에서 HTML/CSS를 수정하여, 아이콘과 상품명 사이 간격을 조절할 수 있어요. 자세히 알아보기 상품리스트에서 아이콘과 상품명 사이 간격 조절하기 [관리자] 디자인 > 디자인 보관함 에서 스마트디자인 스킨의 '편집' 버튼을 클릭하여 스마트디자인 편집창을 열어주세요. 스마트디자인 편집창의 메인(index.html), 상품분류(list.html)에는 상품명과 아이콘을 노출하는 코드가 있어요. 아래의 케이스에 따라 코드를 참고하여 간격을 조절해 주세요. 아이콘 사이 간격 조절하기 아래 코드와 같이 아이콘 사이에 공백 코드(& nbsp;)를 추가해 주세요. <div class="icon">{$soldout_icon}&nbsp;&nbsp;{$stock_icon}&nbsp;&nbsp;{$recommend_icon}&nbsp;&nbsp;{$new_icon}&nbsp;&nbsp;{$product_icons}&nbsp;&nbsp;{$benefit_icons}</div> 상품명과 아이콘 좌우 여백 조절하기 아래 코드와 같이 상품명에 style="margin-right:4px;" 를 추가하고, 픽셀값으로 간격을 조절해 주세요. <p class="name" style="margin-right:4px;"><strong><a href="/product/detail.html{$param}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong></p> <div class="icon">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</div> 상품명과 아이콘 상하 여백 조절하기 아래 코드와 같이 상품명에 style="margin-bottom:5px;" 를 추가하고, 픽셀값으로 간격을 조절해 주세요. <p class="name" style="margin-bottom:5px;"><strong><a href="/product/detail.html{$param}" class="{$product_name_display|display}"><span class="title {$product_name_title_display|display}">{$product_name_title} :</span> {$product_name}</a></strong></p> <div class="icon">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</div>     Info - margin, padding 속성이란? margin 이나 padding 은 여백을 조절할 수 있는 속성으로margin-top, margin-right, margin-bottom, margin-left 4면의 여백을 설정할 수 있어요. margin 속성 자세히 보기 padding 속성 자세히 보기

쇼핑몰 소식(91)