WooCommerce帆布画/油画尺寸信息弹窗功能开发咨询【PHP/JS/HTML/CSS】

开发背景 #

• 需为WooCommerce平台的油画、帆布画类商品开发专属尺寸信息弹窗插件或功能，市面现有通用尺寸图表类插件均无法适配该类商品的特殊展示需求

已解决开发项 #

• WooCommerce属性值的JavaScript调用方案【已解决】
• 基于*尺寸（Size）与画布类型（Canvas Type）*双条件动态修改图片src的逻辑开发【已解决】

核心功能逻辑示例 #

用户选中带框（Framed）类型且尺寸为60x90时，自动展示对应图片Framed60x90.jpg；选中五联画（5 Piece）类型且尺寸为60x90时，自动展示对应图片5Piece60x90.jpg

预期实现效果 #

• 弹窗内同步匹配用户当前选中的商品规格，展示对应的尺寸参考图
• 尺寸标注清晰直观，满足油画、帆布画类商品多类型、多尺寸的展示需求

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