모바일 구매 페이지 , 구매 버튼 장바구니 버튼 변경
본문
모바일 구매 페이지에서
구매 버튼 장바구니 버튼 위시리스트 버튼을
이미지로 변경 하려고 합니다
소스를 어떻게 수정 해야 할까요 ?
그리고 이미지 크기는 얼마로 해야 가로 중앙정렬 되고
크기가 안 깨질까요 ?
<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
==기존방식==
<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">
이런식으로 수정해 주시면 됩니다.
input submit 을 image 타입으로 변경해 주시면 되며 크기는 비율에 맞춰 처리해 주시면 하는 부분이라 크기를 잘 맞춰 처리해주시면 문제는 없을겁니다.
해당 css를 통해 수정해 주시거나 width height 값을 input 타입안에서 크기 조정해 주실수 있긴 하나 이미지 크기가 큰걸 줄이면 이미지가 깨져보일수는 있습니다.