我有一个主题，它的功能不支持 woocommerce 功能，但该主题适用于 woocommmerce。我正在为商店使用字体预览，但预览仅适用于硬...

我有一个主题，它的功能不支持 woocommerce 功能，但该主题适用于 woocommmerce。我正在为商店使用字体预览，但预览仅适用于硬编码产品，但我希望它是动态的。我尝试了所有代码，但都没有用。我正在添加下面的代码，它给了我想要的输出，但前提是它是硬编码的。我尝试了另一个代码，但输出没有显示，而且代码正在获取列表页面 id 而不是 woocommerce，但是我想显示来自 woocommerce 扩展的输出。

<script type="text/javascript" id="twfp-script-js-extra">
    var twfp = '';
    $(document).ready(function() {
    /* <![CDATA[ */
        const id = "<?= json_encode($id); ?>"
        var productId = $("#download_listing_id").val();
        console.log({productId, id});
        twfp = {"ajax_url":"https:\/\/website.com\/wp-admin\/admin-    
ajax.php","post_id":productId?.toString()??"3748","nonce":"50d4fd1a08"};
    /* ]]> */
    })
 </script>

我尝试了下面的代码，但是它不起作用。

<?php
global $product;
$id = $product->id;
?>