定制Woocommerce

Question

我正在尝试为woocommerce创建快速查看功能。当我在存档产品循环页面上单击按钮时，我正在使用fancybox创建弹出窗口。我让fancybox加载产品页面的iframe并阻止滚动，因此它只显示产品图像，摘要和缩略图。但是，菜单和导航显示在顶部。我想只显示没有标题和导航的产品摘要。

这是我使用的代码。

这是HTML

<a id="quickview" class="iframe" href="<?php the_permalink(); ?>">+ Quick View</a>

这是JS

$(document).ready(function() {
//Quick View        
$("#quickview").fancybox({
    'width': 1000,
    'height': 600,
    fitToView: false,
    autoSize: false,
    'closeBtn': true,
    'scrolling': 'no',
    'type':'iframe',
    'iframe': {'scrolling': 'no'}
    });     
});

我尝试使用下面的方法，但它不起作用。它确实加载了没有标题的产品页面，但没有css，存档产品循环中断。

<a id="quickview" href="#data">+ Quick View</a>

<div style="display:none">
<div id="data">
<?php woocommerce_before_single_product_summary(); ?>
<?php woocommerce_single_product_summary(); ?>
</div>
</div>

提前致谢！