Hello XTemos team,
I’m running into an issue on my WordPress + WooCommerce (10.0.2) + WoodMart (8.2.5) + Elementor Pro (3.30.0) site. My goal is to wrap every product’s price HTML in a single <div id=”live-price”>…</div> so that both simple and variable products always render their current price inside that container.
What I’ve tried
Manual <div id=”live-price”>price</div> in Elementor
– Added that HTML snippet, then used various JavaScript snippets (listening for show_variation/found_variation, MutationObserver, setInterval, etc.) to copy both simple and variation prices into it.
PHP filter via WPCode
– Hooked into woocommerce_get_price_html to wrap the returned HTML in <div id=”live-price”>…</div>.
Disabled any Elementor Single Product template override
– Ensured WoodMart’s native single-product.php and price.php templates load.
Cleared caches and hid native price blocks with CSS
– Hid .wd-single-product-price and .woocommerce-variation-price so only #live-price shows.
The problem
Variable products work perfectly: when I select a variation, #live-price is updated with the correct price (including any extra fees from “WooCommerce Attribute Swatches by Iconic”).
Simple products, however, only ever show the literal text “price” (or nothing) inside #live-price. The actual <span class=”price”>…</span> block never gets captured by my JS or wrapped by the PHP filter.
Site details
Theme: WoodMart 8.2.5
WooCommerce: 10.0.2
Elementor Pro: 3.30.0
PHP version: 8.3
Cache plugin: LiteSpeed Cache
Additional plugin: “WooCommerce Attribute Swatches by Iconic” (for extra attribute-based fees)
Expected behavior
Simple product page load should render:
html
Kopyala
Düzenle
<div id=”live-price”>
<p class=”price”>…HT / …TTC
</div>
Variable product variation selection should dynamically update the same container with the chosen variation’s price (including extra fees).
Has anyone seen a similar issue? Is there another template in WoodMart’s hierarchy overriding simple‑product pricing, or does WoodMart use a custom method instead of get_price_html for simple products? What is the most reliable way to ensure both simple and variable products output their price inside a single <div id=”live-price”> on every product page?
Thank you in advance for your help!
Best regards,
SEN HALIL /
.
