'우커머스 상품에 KBoard 게시판 연결하기' 글에 대한 문의

안녕하세요~ 블로그에 올려주신 '우커머스 상품에 KBoard 게시판 연결하기' 글에 대한 문의가 있어 글 올립니다~

알려주신 대로 우커머스에 게시판을 연결하면 상품 탭에 삽입이 되는데요~ 제가 모달팝업에 게시판을 넣으려고 하는데요

add_shortcode('kboard_product_content', 'kboard_product_content');
function kboard_product_content(){
    global $product;
    $board_id = 3;
    $iframe_id = uniqid();
    $product_id = $product->get_id();

    $url = new KBUrl();
    $_SESSION['kboard_board_id'] = $board_id;

    echo '<iframe id="kboard-iframe-' . $iframe_id . '" class="kboard-iframe kboard-iframe-' . $board_id . '" src="' . $url->set('kboard_id', $board_id)->set('category1', $product_id)->set('iframe_id', $iframe_id)->toString() . '" style="width:100%" scrolling="no" frameborder="0"></iframe>';
}

제가 올려주신 코드를 짧은 지식으로;; 숏코드 까지는 만들었는데 모달팝업에 삽입을 하면 그대로 탭에 고정이 돼서 출력이 되더라고요 ㅜㅜ

혹시 모달팝업에도 삽입해서 사용 하거나 원하는 위치에 쓸 수 있는 숏코드는 없을까요? 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • HTML 등 프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주세요. (가독성이 좋아집니다.)

    그렇지 않으면 에러가 나는 코드로 바뀌거나 질의응답 시 의사소통에 문제가 있을 수도 있습니다.

     

    woocommerce_product_tabs 필터 쪽의 코드는 우커머스 상품 페이지에서 탭을 추가하는 필터입니다.

    그렇기 때문에 별도로 만든 모달(레이어) 팝업 내에 [kboard_product_content] 숏코드를 삽입해주셔야 할 듯합니다.

    팝업에서 우커머스 global $product 변수를 활용할 수 있어야 해당 숏코드가 정상적으로 동작합니다.

    고맙습니다.

  • 제가 설명을 잘 못했나 보네요~ ㅜㅜ 음,. 결론은 '우커머스 상품에 KBoard 게시판 연결하기'에 올려주신 

    add_filter('woocommerce_product_tabs', 'kboard_new_product_tab_1');
    function kboard_new_product_tab_1($tabs){
        
        $tabs['kboard_new_product_tab_1']['title'] = 'Q&A'; // 탭 이름입니다.
        $tabs['kboard_new_product_tab_1']['priority'] = 91;
        $tabs['kboard_new_product_tab_1']['callback'] = 'kboard_new_product_tab_content_1';
        
        return $tabs;
    }

    function kboard_new_product_tab_content_1(){
        global $product;
        
        echo '<h2>Q&A</h2>'; // 탭 화면의 제목을 출력합니다.
        
        $board_id = 1; // 새로 만든 게시판의 ID값으로 수정해주세요.
        $iframe_id = uniqid();
        $product_id = $product->get_id();
        
        $url = new KBUrl();
        $_SESSION['kboard_board_id'] = $board_id;
        
        echo '<iframe id="kboard-iframe-' . $iframe_id . '" class="kboard-iframe kboard-iframe-' . $board_id . '" src="' . $url->set('kboard_id', $board_id)->set('category1', $product_id)->set('iframe_id', $iframe_id)->toString() . '" style="width:100%" scrolling="no" frameborder="0"></iframe>';
    }

    위에 코드를 숏코드로 만들어 주실 수 있을까 해서요~ 제가 만든 숏코드를 상품 페이지 안에 모달팝업창을 만들어서 그 안에 삽입했는데요 모달팝업창 안에 들어가지 않고 상품 이미지 아래로 출력이 돼서요~

    * 요약 :  버튼 클릭->모달 팝업창이 뜸-> 모달 팝업창 안에 상품 게시판 출력

     

  • 안녕하세요~^^

    HTML 등 프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주세요.

     

    모달 팝업은 어느 페이지에 어떻게 적용하신 건지요?

    올려주신 코드가 정상적으로 실행되려면 우커머스 상품 페이지에서 숏코드가 실행되어야 합니다.

     

    올려주신 내용만으로는 어떻게 하고 싶으신 건지 정확하게 이해가 가지 않습니다.

    좀 더 구체적인 상황을 설명해주시겠어요?

    고맙습니다.

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