Woocommerce将短代码添加到前端产品页面

Question

我一直在学习如何为Wordpress制作一个插件 现在我绊倒了一个“问题” 这是：我需要将我的短代码添加到 Woocommerce 的产品页面。

我有这个功能，它使我的短代码：

<ul>
  <li data-main>
    <span>1 (must be selected)</span>
    <ul>
      <li>1.1</li>
      <li>1.2</li>
    </ul>
  </li>
  <li>2</li>
</ul>

那么如何将function ws_frontend_product_page_validate() { // no actual validation yet $output = ws_frontend_product_page(); return $output; } add_shortcode('ws_frame', 'ws_frontend_product_page_validate'); function ws_frontend_product_page() { ?> <iframe src="http://www.example.com/" style="width: 100%; height: 100%;" scrolling="no" frameBorder="0"></iframe> <?php } 添加到Woocommerce产品页面呢？ 我没有找到任何关于如何将其实现到Woocommerce产品页面的教程 我发现很难找到开发Woocommerce插件所需的教程。
任何建议的教程都会非常好！

更新

现在我得到了Piyush Dhanotiya的答案。我还没有找到合适的位置。

如果我使用Piyush Dhanotiya的代码，它会显示为：

然而，我想在这里：

Answer 1

add_shortcode('ws_frame', 'ws_frontend_product_page_validate');
function ws_frontend_product_page_validate() {

   echo '<iframe src="http://www.example.com/" style="width: 100%; height: 100%;" scrolling="no" frameBorder="0"></iframe>';

}

add_action( 'woocommerce_after_main_content', 'action_woocommerce_after_main_content', 10);

function action_woocommerce_after_main_content(){


    do_shortcode('[ws_frame]');
}