먼저 쇼핑몰관리 > 상품고나리 > 상품 옵션 관리에 가셔서 색상옵션관리에 가셔서 색상을 등록을 합니다. 

 

그런 다음 각 상품마다 색상을 선택을 하시면 됩니다. 

 

저희쪽에서 제공하는 색상옵션은 재고연동과 무관하게 처리가 됩니다. 

단순히 색상을 표시하는 용도로만 사용을 하시면 되며

상품리스트 페이지랑 메인페이지에는 별도의 소스코딩 작업이 필요합니다.

 

각 상품마다 색상지정을 다하신 뒤 저희쪽에 코멘트 주시면 색상노출관련 부분에 대해서 말씀드리겠습니다.

 

 

네 상품마다 색깔지정 했습니다

제품리스트랑 메인페이지에 색상노출 하는 것 말씀주세요~

메인 BEST ITEM에 소스 수정과 추가부분입니다.

 

css

- 수정 -
.pm-goods_slide_responsive__10993__ a {overflow:hidden;position:relative;}

- 추가 -
/* color list */
.color_list__10993__ {margin:0;padding:10px 0;list-style:none;}
.color_list__10993__:after {content:'';display:block;clear:both;}
.color_list__10993__ li{float:left;width:15px;height:5px;margin-right:5px;font-size:0;}
.color_list__10993__ li:last-child{margin-right:0;}

 

- html -

<ul class="color_list__10993__">
    <!--@foreach($v[option_color_list] as $color_key=>$color_val)-->
        <li style="background-color:{$color_val[color]}">{$color_val[subject]}</li>
    <!--@end-->
</ul>

 

현재 BEST ITEM의 리스트는 $shop_goods라는 배열을 foreach 반복문으로 각 $v에 값이 저장되고 있습니다.

해당 변수 내에 $v[option_color_list]값을 보시면 설정해주신 색상값이 들어 있습니다.

해당 배열을 한번 더 phpx로 위와 같이 출력하시면 설정해주신 색상의 갯수만큼 li가 생성됩니다.

위와같이 li에 색상만 instyle로 적용해주시고 별도로 css를 작업하시면 됩니다.

 

참고 - 변수값 확인방법

{@

    console_js(배열명)

@}

위와 같이 작성하시면 각 브라우저별 개발자모드에서 콘솔란에서 배열 값을 확인할 수 있습니다.