cafe24 모바일 팝업창 사이즈 조절
본문
모바일에서의 팝업창 화면이 너무 커서 사이즈를 조절하고 싶은데
찾아봐도 안나오네요 ㅠㅠ
개발자도구를 확인해봤을 때는 optimizer.php 와 관련있는 것 같은데
이걸 수정할 수가 있을까요?
답변 2
optimizer.php, 관련된 CSS/JS 파일 내에서 해당 팝업에 적용되는 부분을 살펴야~
예로, width·max-width·height 등을 살펴 보세요.
>>>모빌에서 과하게 큰 팝업을 방지하려면
CSS의 @media 쿼리를 통해 모바일 전용 사이즈를 별도로 설정해 주시는 것이 효과적입니다.
또한 optimizer.php를 통해 삽입되는 스타일을 직접 수정하시거나,
별도의 사용자 정의 CSS(추가 CSS 파일)를 만들어 적용하셔도 될겁니다.
※ 방안 예시 ※ ------------------------
＊개발도구에서 팝업의 클래스/아이디
.ec-multi-popup , .ec-multi-popup-inner
등를 확인.
＊optimizer.php 내, 팝업 관련 HTML/CSS가 어떻게 로드되는지 살펴서 적용되는 CSS를 찾음. 24는 특정 CSS를 자동으로 optimizer하니, 원본 CSS 파일(design.css)이 따로 있을 수도 있음.
＊모빌 해상도에만 적용되도록 @media (max-width: 768px) 등과 같은 미디어 쿼리를 활용해
width, max-width, height, overflow 속성을 적절히 지정하세요.
예로, max-width: 90%;와 같이 설정하여 화면 양옆에 여백을 두고,
필요하다면 height나 max-height를 함께 조절하세요.
헉 저번에 이어서 정성스러운 답변 감사합니다 ㅎㅎ
어찌저찌하다보니 다행히 해결되었습니다
^^
감사합니닷!
