纸制品解决方案 Archives

jQuery(document).ready(function($) { // 匹配所有以 single_quote 开头的按钮 ID $('[id^="single_quote"]').on('click', function() { // 1. 获取主页面的产品名称 var productTitle = $('.product_title').text(); // 2. 获取用户选中的规格 (抓取下拉框选中的文字) var selectedVariations = []; $('.variations select').each(function() { var val = $(this).find('option:selected').text(); if(val && val !== "Choose an option") { selectedVariations.push(val); } }); var variationText = selectedVariations.length > 0 ? selectedVariations.join(' / ') : "Standard Configuration";// 3. 获取当前显示的图片 URL (WooCommerce 变体切换后会自动更新这个 img) var currentImg = $('.woocommerce-product-gallery__image img').first().attr('src');// 4. 将数据填入 Popup (增加少量延迟确保 Popup 节点已生成) setTimeout(function() { $('#popup-product-title').text(productTitle); $('#popup-selected-variation').text(variationText); if(currentImg) { $('#popup-product-img').attr('src', currentImg); } }, 150); }); });

Tag