카페24쇼핑몰에서 모바일 css 수정하는 방법!

한줄정리 : 모바일쇼핑몰 > 디자인수정 >  css > 모듈 (module) > 파일찾기 > css수정

그럼 여기서부터는 상세히 알려드리도록 하겠습니다!

우선 관리자 페이지로 로그인을 하신 후 모바일 쇼핑몰을 클릭합니다

보시면 디자인 관리와 모바일 쇼핑몰이 있는데요

디자인 관리는 pc페이지를 수정할 때 쓰고, 모바일 쇼핑몰은 모바일 페이지를 수정할 때 씁니다.

즉, 디자인 관리에서 수정해도 모바일 페이지에는 전혀 적용이 되지 않습니다.

저는 망각하고 디자인관리에서 수정했다가 한참 뒤에 깨달았네요………. ;(

지금은 모바일 페이지만 볼 거니까 모바일쇼핑몰을 클릭합시다.

모바일쇼핑몰을 클릭하신 후에 디자인 수정을 클릭하세요.

클릭하시면

이런 페이지가 새창으로 뜨실거에요.

여기에서 전체화면보기를 클릭 > css 클릭 > 모듈(module) 클릭

모듈 내에 있는 요소들은 메뉴 페이지에 있는 것들인데요, 메뉴페이지와 적당히 비교해 보시면서 수정하시면 됩니다.

어딘지 모를 땐 마우스 우측클릭을 하여 요소검사를 한 후에

(요소검사 : 웹디자인 잘하는 방법 #1 – 리리코스 참조)

저 상단의 타이틀명을 보고 따라가면 됩니다.

상세페이지로 들어갈 시에는 어느부분인지 알 수 없으니 메뉴만 클릭하시고 따라가시면 됩니다!