자바스크립트로 아이콘을 변경하려고 합니다.
본문
카페24 내부에 있는 아이콘을 변경하려고 제이쿼리를 이용해서 작업했는데요.
cart부분은 이미지가 변경되는데 무슨이유에서인지 wish부분의 이미지는 자꾸 안바뀌고 카페24 내부 아이콘으로
설정이 되더라구요..
현재 운영중인 자사몰이 있기때문에 카페24에서 아이콘을 변경하는 페이지에서 변경할수가없을것같아서
제이쿼리를 사용해서 변경하려는데 이유를 모르겠습니다.
답변 1
_before.png 나 img에 포함된 여러 attr 로 보아
페이지가 로딩된 후
해당상품의 위시리스트 유무에 따라
자체적으로 src를 변경하는 것 같네요... 아마도 _after.png 로?
그렇다면
커스텀으로 작성한 jQuery가
먼저 실행된 후 카페24 스크립트가 실행되는 것 같은데요
개발자도구를 열고
페이지가 모두 로딩된 다음
콘솔창에서 $('.wish_btn img')..... 를 넣고 엔터를 해서 실행시켜 보시면
금방 알수 있겠고요
문제를 해결하려면
일단은 onload 이벤트에 src 변경 스크립트를 넣어보시고
setTimeout(function() {
$('.wish_btn img').....
}, 1000); // 1초 후에 실행
실행시켜보세요
안녕하세요. 답변 감사합니다. 말씀하신대로 항상 페이지를 새로고침이나 들어가면 제가 등록하려는 이미지가 뜨다가 바로 카페24내부 이미지로 변경 되더라구요. 제이쿼리랑 자바스크립트를 몰라서 찾아가면서 해보니 작동되네요 ^^
$(window).load(function(){
$(".wish_btn img").attr("src","/img/m_btn_basket.svg");
});
감사합니다 ^^!
