채택완료

모바일 구매 페이지 , 구매 버튼 장바구니 버튼 변경

2017-10-23 (월) 11:50:12 2,581

모바일 구매 페이지에서

구매 버튼 장바구니 버튼 위시리스트 버튼을 

이미지로 변경 하려고 합니다

소스를 어떻게 수정 해야 할까요 ?

그리고 이미지 크기는 얼마로 해야 가로 중앙정렬 되고

크기가 안 깨질까요 ?

<input type="submit" onclick="document.pressed=this.value;" value="CART" id="sit_btn_cart">

            <input type="submit" onclick="document.pressed=this.value;" value="BUY NOW" id="sit_btn_buy">

            <?php } ?>

            <?php if(!$is_orderable && $it['it_soldout'] && $it['it_stock_sms']) { ?>

            <a href="javascript:popup_stocksms('<?php echo $it['it_id']; ?>');" id="sit_btn_buy">재입고알림</a>

            <?php } ?>

            <a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" id="sit_btn_wish">WISH</a>

답변 3개

채택된 답변
+20 포인트

==기존방식==

<input type="submit" onclick="document.pressed=this.value;" value="CART" id="sit_btn_cart">

<input type="submit" onclick="document.pressed=this.value;" value="BUY NOW" id="sit_btn_buy">

==변경방식==

<input type="image" src="이미지경로" onclick="document.pressed=this.value;" value="CART" id="sit_btn_cart">

<input type="image" src="이미지경로" onclick="document.pressed=this.value;" value="BUY NOW" id="sit_btn_buy">

이런식으로 수정해 주시면 됩니다.

해당 css를 통해 수정해 주시거나 width height 값을 input 타입안에서 크기 조정해 주실수 있긴 하나 이미지 크기가 큰걸 줄이면 이미지가 깨져보일수는 있습니다.

input submit 을 image 타입으로 변경해 주시면 되며 크기는 비율에 맞춰 처리해 주시면 하는 부분이라 크기를 잘 맞춰 처리해주시면 문제는 없을겁니다.

답변을 작성하려면 로그인이 필요합니다.