안녕하세요,
커스텀 테마를 만들었고 데스크톱에서는 잘 작동합니다. 하지만 모바일(사파리)에서는 일부 오버라이드(PluginOutlet 사용)가 적용되지 않는 것 같습니다. 예를 들어 데스크톱에서 카테고리 페이지는 다음과 같이 보입니다:
데스크톱과 모바일 모두 다음과 같이 설정되어 있습니다:
제가 어디를 잘못하고 있는지 혹시 아시는 분 계신가요?
감사합니다
관리자 설정에서 데스크톱과 모바일에 동일한 레이아웃을 설정하더라도, 실제로 사용되는 템플릿은 서로 다를 가능성이 높습니다. 따라서 두 템플릿을 모두 검사하고, 그에 맞게 선언을 조정해야 합니다.
아, 그렇군요. pluginOutlet이 다르다는 걸 알겠어요.
하지만 여전히 테마에서 CSS가 로드되지 않는 것 같습니다.
템플릿에는 데스크톱과 모바일에 대해 서로 다른 CSS가 필요할 수 있는 차이점이 있으므로, 페이지를 검사하여 모바일용 다른 CSS를 추가해야 합니다. 데스크톱 기기에서 모바일 뷰를 확인하려면 URL 끝에 ?mobile_view=1을 추가하면 됩니다.
예를 들어 데스크톱에서 테두리를 제거하려면 다음과 같이 할 수 있습니다:
.category-list tbody .category {
border: none;
}
하지만 모바일에서는 다음과 같이 해야 합니다:
.category-list-item {
border: none;
}
어느 시점에는 이러한 템플릿을 모든 기기에서 일관되게 만들 계획이지만, 현재 상태에서는 이렇게 해야 합니다.