오션 프랜차이즈 문의 입니다.

안녕하세요.

워드프레스 게시판 KBoard(케이보드) 사용중입니다.

KBoard 오션 프랜차이즈 스킨 이용중인데 지도에도 호버 색만 아니라 셀렉트 컬러도 생겼으면 합니다. 

만약 서울 지역을 클릭하면 지도에도 서울지역에 컬러로 표시 됐으면 하네요 

https://bellelumie.com/aesthetic/branch-office/

이미지 첨부했습니다. 

https://bellelumie.com/wp-content/uploads/2020/06/오션갤러리.jpg

지도에도 표시가 되고 시도별 지점안내 지역별도 표시가 동시에 됐으면 하네요 

클릭하면 지도에는 컬러가 사라짐...

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요.

    KBoard 오션 프랜차이즈 스킨을 업데이트했습니다.

    게시글 목록 페이지에서 지역 선택 시 해당 지역이 선택되도록 개선했습니다.

     

    추가로, 워드프레스 관리자 페이지에서 입력 필드를 설정할 수 있습니다.

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 탭을 확인해보세요.

     

    기존 document.php 파일을 수정해서 구글 API 키를 입력하던 것을

    확장설정 탭에서 구글 API 키를 입력하도록 개선했습니다.

    고맙습니다.

  • 올려주신 내용만 별도로 적용하시려면

    스킨 파일을 수정해보시겠어요?

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

    아래의 코드를 찾아서

    <img src="<?php echo $skin_path?>/images/map-v2.png">

    아래의 코드로 교체해보세요.

    <?php if(kboard_category1()):?>
    	<img src="<?php echo $skin_path?>/images/<?php echo kboard_ocean_franchise_branch(kboard_category1())?>">
    <?php else:?>
    	<img src="<?php echo $skin_path?>/images/map-v2.png">
    <?php endif?>

     

    /wp-content/plugins/kboard/skin/사용중인스킨/functions.php 파일 하단에

    아래의 코드를 추가해보세요.

    if(!function_exists('kboard_ocean_franchise_branch')){
    	function kboard_ocean_franchise_branch($branch){
    		switch($branch){
    			case '서울' : $branch = 'seoul'; break;
    			case '부산' : $branch = 'busan'; break;
    			case '대구' : $branch = 'daegu'; break;
    			case '인천' : $branch = 'incheon'; break;
    			case '광주' : $branch = 'gwangju'; break;
    			case '대전' : $branch = 'daejeon'; break;
    			case '울산' : $branch = 'ulsan'; break;
    			case '세종' : $branch = 'sejong'; break;
    			case '경기도' : $branch = 'gyeonggi'; break;
    			case '경상남도' : $branch = 'gyeongnam'; break;
    			case '경상북도' : $branch = 'gyeongbuk'; break;
    			case '전라남도' : $branch = 'jeollanam'; break;
    			case '전라북도' : $branch = 'jeollabuk'; break;
    			case '충청남도' : $branch = 'chungnam'; break;
    			case '충청북도' : $branch = 'chungbuk'; break;
    			case '강원도' : $branch = 'gangwon'; break;
    			case '제주도' : $branch = 'jeju'; break;
    		}
    		
    		$image = "map-v2-$branch.png";
    		
    		return $image;
    	}
    }

     

    /wp-content/plugins/kboard/skin/ocean-franchise/list.js 파일의 코드를

    아래의 코드로 교체해보세요.

    /**
     * @author https://www.cosmosfarm.com/
     */
    
    jQuery(document).ready(function(){
    	var kboard_map_image = jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src');
    	
    	jQuery('#kboard-ocean-franchise-list .kboard-map-v2 .map-area').each(function(){
    		var map = jQuery(this).data('map');
    		jQuery(this).mouseover(function(){
    			jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src', map);
    		});
    	});
    	
    	if(kboard_map_image){
    		jQuery('#kboard-ocean-franchise-list .kboard-map-v2').mouseleave(function(){
    			jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src', kboard_map_image);
    		});
    	}
    });

    고맙습니다.

  • 안녕하세요~^^

    KBoard 오션 프랜차이즈 스킨 업데이트 해보겠습니다.

    고맙습니다.

  • 르팬차이즈 스킨 업데이트 너무 감사합니다. 

    커스텀을 좀 많이 했는데 전체 덮어쓰기 않고 할수있는 방법이 또 있을까요?

  • 넵 찾아서 변경하였습니다. 

    위에 오타가 있어서 제가 수정해 드립니다. 

    <img src="<?php echo $skin_path?>/images/map-v2.png">

    위에 코드를 아래 코드로 변경하면 되네요~ (동일한 코드를 2번써주셨어요 )

    <?php if(kboard_category1()):?>
                    <img src="<?php echo $skin_path?>/images/<?php echo kboard_ocean_franchise_branch(kboard_category1())?>">
                <?php else:?>
                    <img src="<?php echo $skin_path?>/images/map-v2.png">
                <?php endif?>

  • 올리는 과정에서 착오가 있었습니다.

    현재는 수정해두었습니다.

    적용해보시고 문제있으면 알려주시겠어요?

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기