如何自定义Product Quick view Popup尺寸 修复弹窗滚动条异常

使用Elementor + Elementor Pro搭配Astra主题搭建WooCommerce站点，除产品快速查看功能外其余功能运行正常，当前异常表现：

• Product Quick view Popup（产品快速查看弹窗）出现多余滚动条
• 弹窗内容加载在内嵌框架中
• 已尝试修改product catalog（产品目录）、single product（单产品）相关设置，未达到预期修复效果

问题参考截图：

按优先级依次尝试以下操作，每步操作后清空站点缓存、浏览器缓存测试效果：

• 排查功能冲突
  Astra主题、Elementor Pro、第三方WooCommerce快速查看插件如果同时开启快速查看功能，会触发多套逻辑叠加，直接导致iframe嵌套、滚动条重复的问题。先到「外观-自定义-WooCommerce-产品目录」路径下关闭Astra自带的快速查看开关，再逐一排查已装插件，确保全站只启用一套快速查看逻辑。
• 检查主题生成器模板配置
  进入Elementor「模板-主题生成器」，打开你绑定的单产品模板设置，确认没有开启「iframe中加载」类选项。注意不要把带完整页头、页脚、侧边栏的全量单产品模板分配给快速查看调用，快速查看只需要加载产品核心信息（图、标题、价格、加购按钮）的精简模板，内容过长会直接撑破容器触发滚动条。
• 自定义CSS适配样式
  确认功能无冲突后，将以下代码添加到「外观-自定义-额外CSS」中，修复iframe高度和滚动逻辑问题：

/* 修复快速查看弹窗iframe高度异常、自带滚动条问题 */
.elementor-quick-view-modal .elementor-product-quick-view iframe {
    min-height: 620px !important;
    overflow: hidden !important;
    border: 0 !important;
    width: 100% !important;
}
/* 修复弹窗外层容器滚动冲突 */
.elementor-quick-view-modal .dialog-widget-content .dialog-message {
    max-height: 90vh !important;
    overflow-y: auto !important;
    padding: 0 !important;
}

代码里的min-height数值可以根据自己站点产品内容的实际高度调整，不需要固定值。

• 版本兼容回滚
  如果以上操作都无效，进入Elementor「工具-版本控制」页面，将Elementor、Elementor Pro回滚到上一个稳定版本，部分跨版本更新会出现Astra与Elementor快速查看模块的兼容bug，等官方推送兼容修复版本后再升级即可。

内容的提问来源于stack exchange，提问作者Visual Volta