무료 와이드 테마 이용 중 커뮤니터,쇼핑몰 각각 테마 적용, 쇼핑몰 모바일 연동에 대해 문의 드립니다.
페이지 정보
작성자 hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 15건 작성일 21-12-31 15:13본문
한달 전부터 그누보드를 통해 알게 된 에티 무료 와이드 테마를 감사히 사용하고자 이용 중입니다.
전부터 무료 와이드 테마가 넘 괜찮은거 같아서 커뮤니티는 에티 무료 와이드 테마로 넣고,
쇼핑몰은 영카트 테마 중 하나는 정해서 각각 테마 설정을 하고 싶어서 이리저리 찾아본 차에
conpig.php 수정을 통해 테마 각각 설정 하는 방법을 실행해 보았습니다.
그 결과 커뮤니티는 무료 반응형 홈페이지 에티 와이드 테마 v1.6 로 적용되었고, 쇼핑몰은 제가 원하던 테마로 적용이 되었습니다.
그래서 두 테마 모두 반응형 테마로 모바일 연동이 되는지 확인해 보았으니
커뮤니티는 모바일 환경에서 정상 작동 하였으나,
쇼핑몰의 테마는 모바일 환경에서 pc 화면만 보이는 상황에 처해 있습니다.
common.php 설정도 both 나 mobile로 설정하여 테스트 해보았으나 원하던 결과가 나오지 않았고,
올려주신 데모 페이지도 영카트는 모바일 반응형으로 보이지 않음이 확인 되어..
쇼핑몰도 커뮤니티처럼 반응형으로 모바일 환경에서 적용 할 수 있는 방법을 찾고 있습니다.
지금 제가 사용 하는 쇼핑몰테마는 모바일 전용으로 만들어진 반응형 테마 입니다.
에티 테마와 연동하지 않고 쇼핑몰 테마만 단독으로 사용했었을 경우에는 모바일 환경에서도 반응형으로 작동이 잘 되어지는데..
에티 테마와 함께 각각의 테마로 활용 시 모바일 반응형으로 작동이 되지 않아 작동 가능 할 수 있도록 진행 할 수 있는 방법에 대해 문의 드립니다.
쇼핑몰만 딱 원하는 테마에 모바일까지 반응형으로 연동이 된다면 정말 200% 잘 활용 할 수 있습니답...!!
잘 활용 할 수 있도록 도움을 주시길 바라며, 답변 기다리겠습니답. 오늘도 감사히 사용 하겠습니답! ^ㅡ^ㅠㅠ
참고 하실 수 있도록 작업 중인 페이지 업하고 기다리겠습니다.
관련링크
- https://jhbds4847.cafe24.com/ 4724회 연결
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
어떤 방법으로 연동하셨는지는 잘 모르겠지만
http://ety.kr/board/GNU_TIP/106
위 팁게시판에 있는 방법으로 연동하시면 둘다 해결이 되지 않을까 생각이 듭니다.
각 테마마다 별도로 접속되니 질문주신 내용은 해결될 것으로 보여 집니다.
감사합니다.~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
해당 내용 참고 후 common.php 수정하여 커뮤니티와 쇼핑몰 각각 테마 적용은 완료 되었으나,
쇼핑몰 테마도 반응형 테마이고, 그누보드 테마도 반응형으로 적용했으나..
쇼핑몰 테마가 휴대폰 환경에서는 반응하지 않아 재문의 드립니다 ㅠㅠㅠ
단독으로 쇼핑몰 테마만 적용 시에는 휴대폰에서도 잘 보였는데 각각 적용 한 뒤로는 휴대폰에서 pc 환경과 동일하게 확인 되어 문의 드립니답ㅠㅠㅠㅠ 이 문제만 해결 된다면 다른 자료들을 넣고 활용 할 수 있을 것 같은데...
작업이 멈춰있습니다 ㅠㅠㅠㅠ
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요~ 해당 주소를 참고해봤습니다.
쇼핑몰쪽이 반응형 테마가 아닙니다.
pc 따로 mobile 따로 입니다.
둘다 반응형일 경우 다른 테마때문에 반응형이 안되기는 어렵습니다.
둘다 반응형이면 둘다 적용되게 되어 있습니다.
쇼핑몰 테마도 반응형으로 다운받으셔서 사용하셔야 할것 같습니다.
위에 알려드린 방법으로 사용하시면
둘다 반응형으로 사용이 가능합니다.
감사합니다.~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요, 확인 까지 해주시니 정말 감사했습니다.
제가 원했던 테마는 다음에 활용해 보는 것으로 하고, 다른 테마로 적용 시 올바르게 작동함을 확인 하였습니다.
이제부터는 내용도 넣어보고 다양한 작업들로 해당 홈페이지를 꾸며보면 좋을 것 같습니다.
친절한 답변 감사드리며, 열심히 홈페이지를 꾸며 보아야 겠습니답. 감사합니답! ^ㅡ^
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
소프트존님 안녕하세요, 해당 문의에 대해 문제 해결이 되었는줄 알았는데,
커뮤니티는 무료와이드테마 1.6 으로 설정이 되어 있고,
쇼핑몰은 https://theme.sir.kr/youngcart53/shop/ 해당 URL에 테마로 적용해 두었습니다.
하지만 쇼핑몰 데모로 들어 갔을때는 모바일도 정상적으로 반응형으로 반응하는데,
테마 적용 후에는 https://jhbds4847.cafe24.com/shop/?device=mobile
해당 화면 처럼 데모와 맞지 않은 반응하지 않는 페이지로 확인이 됩니다.
제 휴대폰으로도 확인 시 해당 문제가 지속 되는데 해당 테마도 반응형 테마의 쇼핑몰이 아닌지
또 어떤 문제가 있는지 재문의 드립니다 .ㅠㅠㅠㅠ
아까는 정상 작동하는줄 알았는데 휴대폰으로 보니 다시 같은 문제가 반복이 되어 문의 드리며,,
실례가 안된다면 ftp 한번 봐주실 순 없는지 문의 드립니다 ㅠㅠㅠㅠ
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요~
잘못 알고 계신것 같아서 답변 달아드립니다.~
우선 적용하신 쇼핑몰 테마는 반응형이 아닙니다. pc 버전과 mobile 버전이 따로 있습니다.
적용하신 테마를 보실때 브라우저 가로 크기를 줄여봐주세요~ 그럼 자동으로 줄여지는것이 반응형 입니다.
근데 지금 적용된 shop 테마는 줄이더라도 줄어들지 않고, pc 버전 그대로 유지가 됩니다.
그렇기 때문에 반응형 테마가 아닙니다.
반응형으로 제작된 테마는 접속하더라도 pc , mobile를 가리지 않고 기기에 자동반응하도록 되어 있습니다.
위에 설명드린것과 같이 브라우저를 축소해보시면 자동으로 맞춰지는 테마가 반응형 테마 입니다.
제가 배포하고 있는 와이드 테마는 반응형으로 제작되어 있기 때문에 pc , mobile 가리지 않고 접속하더라도
문제가 없습니다.
쇼핑몰 테마를 반응형 테마로 다시 적용하시는것이 좋을것 같습니다.
그럼 해결될것으로 보여 집니다.
특별히 ftp 접속을 하지 않더라도 반응형 shop 테마만 적용하시면 이 문제를 해결이 됩니다.
감사합니다.
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
소중한 답변 감사합니다.
그럼 다른 반응형 테마를 적용해 보았습니다.
https://jhbds4847.cafe24.com/shop/
이 경로에 해당 반응형 테마 적용을 해보았습니다. 브라우저크기를 줄리고 늘리더라도 반응형으로 적용됩니다.
하지만, 휴대폰에서는 반응형으로 보여지지 않습니다..ㅠㅠㅠ
https://sir.kr/yc5_theme/675?page=4
해당 테마를 적용. PC에서 반응형으로 스크롤해도 비율이 자동으로 수정이 되는 것을 확인 하였고, 적용해 휴대폰으로 접속 시
데모 버젼은 적용 되는데 제가 적용 했을 때는 휴대폰에서 반응형으로 보이지 않습니다.. ㅠㅠㅠ
//==============================================================================
// 사용기기 설정
// pc 설정 시 모바일 기기에서도 PC화면 보여짐
// mobile 설정 시 PC에서도 모바일화면 보여짐
// both 설정 시 접속 기기에 따른 화면 보여짐
//------------------------------------------------------------------------------
define('G5_SET_DEVICE', 'both');
define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
define('G5_USE_CACHE', true); // 최신글등에 cache 기능 사용 여부
위 설정도 config.php에 수정해 두었고,,
common.php에서도
// 테마경로
if(defined('_THEME_PREVIEW_') && _THEME_PREVIEW_ === true)
$config['cf_theme'] = isset($_GET['theme']) ? trim($_GET['theme']) : '';
바로 위쪽에
// 커뮤니티, 쇼핑몰 각각 적용!
if (preg_match("/\/(shop|shop_admin)\//", $_SERVER['REQUEST_URI'])) {
$config['cf_theme'] = 'shop'; // 쇼핑몰 테마폴더명
} else {
$config['cf_theme'] = 'community'; // 커뮤니티 테마폴더명
}
배치해 두고 // 쇼핑몰 테마폴더명, // 커뮤니티 테마몰더명 도 정상적인 경로로 수정해 두었는데
제 휴대폰에서는 쇼핑몰 반응형이 확인 되지 않았습니다...ㅠㅠㅠ
제가 적용한 테마는 PC에서 반응형으로 확인 되나 휴대폰에서는 적용 되지 않음이 확인 되었습니다.
배포하신 자료는 반응형으로 잘 나타나지기는 하나 제가 받은 테마가 문제가 있는지 제 휴대폰이 문제가 있는지 잘 모르겠습니답 ㅠㅠㅠ
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
위 값은 false 로 변경하셔야 합니다.
보니깐 위의 meta 태그가 빠져 있어서 기기별 호환이 안되는것 같습니다.
위 메타태그를 테마폴더/shop/shop.head.php 쪽에 넣으셔야 할것 같습니다.
그럼 올바로 표시될것 같습니다~~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
config.php에서
define('G5_SET_DEVICE', 'mobile');
define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
define('G5_USE_CACHE', true); // 최신글등에 cache 기능 사용 여부
으로 수정 완료 하였고, 테마폴더/shop/shop.head.php 에서
// 기기별 호환 meta 태그
<?php echo $g5['title'] ?>
이렇게 넣고 적용 하고 업로드 후 휴대폰 확인해 보니 작동이 되지 않습니다 .ㅠㅠㅠㅠ
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
해당 코드를 보니
위 내용이 하나가 더 추가가 되어 있습니다.
위 내용을 삭제해보시고 다시 테스트 해보세요~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
아... 혹시 어느 경로에 추가가 되어 있는지 실례지만 문의 드립니다.
어느 경로인지 잘 모르겠어요.. 테마폴더/shop/shop.head.php 해당 경로에
이 내용이 두개가 되어 있다고 말씀하시는건지.. 이해가 매우 부족합니다 ..
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
넵 shop 부분에서 테마 제작하신분이 shop.head.php 쪽에
위와 같이 작성해놓은곳이 개발자 도구에서 보여 집니다.
위 내용이 어느 위치 인지는 모르겠으나 해당 영향을 받는것 같습니다.
쇼핑몰 테마쪽에서
위 처럼 되어 있는 부분을 찾으셔야 할것 같습니다.
뷰포트 라고 하는데요 해당 뷰포트가 2개 일경우 맨 밑에 있는 쪽에 영향을 받습니다.
자세한 내용은 쇼핑몰 테마를 만든 개발자 분에게 문의 드리는것이 제일 빠를것 같습니다.~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
head.sub.php 에
<?php
if (G5_IS_MOBILE) {
echo ''.PHP_EOL;
viewport가 발견 되었고,
shop.head.php 에는 넣으라고 하셨던
해당 내용을 제가 방금 넣었습니다.
이 둘중에 어느 내용을 지워야 영향이 사라질까요??
아님 넣으라고 하신 내용을 head.sub.php 에 제가 찾은 부분에 넣어볼까요 ?
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
이 부분을 삭제하시면 됩니다.~~
hololruru님의 댓글
hololruru 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
shop.head.php 에는 넣으라고 하셨던
삭제하고 테스트 중인데 캐시 모두 삭제하고 해도 휴대폰은 동일한 증상입니다 ㅠㅠㅠㅠ
head.sub.php 에
<?php
if (G5_IS_MOBILE) {
echo ''.PHP_EOL;
viewport 이 내용은 그대로 두었구요, 다른 파일들도 살펴봤는데 말씀하신 viewport가 발견 되지 않았습니다..ㅠ,.ㅠ