카페24 모바일 팝업창은 배경이 투명한 png 이미지를 사용해도 하얀 배경과 회색 테두리, 하단의 회색 닫기 창 바까지 원한 적 없는 디자인이 기본으로 설정되어있습니다. 바로 이렇게 말입니다. 원형 팝업창을 만들고 싶을 뿐인데 이게 뭐라고 png를 등록했는데 배경과 테두리, 닫기창이 보이는 걸까요. 카페24 모바일 버전 스마트 디자인 수정을 통해 위처럼 만들어보겠습니다. 그러기 위해서 우선 구조를 알아봐야겠지요. 위와 같이 회색 테두리의 class는 .ec-multi-popup-inner 입니다. 우리는 저기에서 border값만 없애면 되겠습니다. .ec-multi-popup-inner { border:none!important; }/*팝업 테두리*/ 팝업창의 배경 부분은 class .ec-multi-p..
카페24 모바일 버전의 팝업을 설정한 후 디자인 미리보기를 하면 팝업이 어떠한 형태로 보여지고 있는지 확인이 불가능 합니다. 물론 스마트 폰으로 보면 되겠지만 번거로움을 생각하면 PC로 작업하며 바로바로 확인하는 것이 좋겠지요. PC에서 확인하고 작업이 끝나면 스마트폰에서도 반드시 확인을 하셔야 합니다. 디자인 보관함 리스트에서 디자인 썸네일 이미지를 클릭하면 디자인 미리보기가 가능합니다. 하지만 팝업 설정이 되어 있는데 팝업이 보이질 안네요. 팝업 설정을 한 후 디자인 미리보기로 아무리 새로고침 해봐도 팝업이 보이질 않습니다. 이럴 때에는 주소줄의 주소를 복사하여 새 탭에 붙여넣기합니다. 붙여넣기 했을 때 모바일 버전이니 당연히 이렇게 퍼져보일 것입니다. 여기서 f12를 눌러주세요. f12를 누르면 개..
우리는 할인 행사, 각종 마케팅, 심지어는 휴무 공지까지 눈에 띄는 독특한 팝업으로 소비자들의 시선을 끌기 위해 많은 노력을 하고 있습니다. 그러나 카페24의 팝업 모듈은 깔끔하지 못한 닫기 창을 제공하고 있기 때문에 이를 수정하는 방법을 공유합니다. 배경이 투명한 png 파일을 활용한 팝업창을 제작 했을 때 아무리 닫기 창의 배경색을 조정하고 오른쪽, 왼쪽, 가운데 정렬을 하고 텍스트 컬러를 변경해봐도 분명 여러분은 만족하지 못할 것입니다. 이런 형태일 것이기 때문입니다. 보통 홈페이지의 메인 페이지에 띄우는 팝업창은 최상단의 배너 위에 표현되기 마련인데, 배경을 흰색으로 변경하고 텍스트를 블랙으로 변경해도 계속 보이는 닫기 div. 이 글은 팝업 공지를 만들 수 있다는 가정하에 창닫기 div만 수정,..