안녕하세요~^^

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

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

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

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

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

고맙습니다.

제가 설명을 잘 못했나 보네요~ ㅜㅜ 음,. 결론은 '우커머스 상품에 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 등 프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주세요. (가독성이 좋아집니다.)

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

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

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

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

고맙습니다.