WooCommerce Variable SKU Display

[tso]

Hello,
On the default Woo templates there is an area at the bottom that displays tags, categories and Variations SKU. On that version the SKU updates with the variation that is selected. When using the SKU: {{dc:woocommerce:product_sku}} I get the original base SKU but no changes when the variation is selected.

Could you provide information on how I may go about having that display like the base woo files do when not using a template?

Thank you

[ruenel]

Hello @tso,

Thanks for writing in! You will have to make sure that the SKU has its containers to make it work with the Add to Cart Form element. Please insert this code instead:

<div class="product_meta"><span class="sku_wrapper">SKU: <span class="sku" data-o_content="{{dc:woocommerce:product_sku}}"> {{dc:woocommerce:product_sku}}</span></span></div>

Kindly let us know how it goes.

[tso]

Hi!
Before your reply I dug down and found the solution below from the forums and got things working…BUT the solution you have provided is much cleaner and saved some fussing on the display of the original SKU.

So, for anyone looking for the cleanest and best way to do this, @ruenel nailed it.

Thank you for the efficient and very prompt reply!

JS method

Looper/Shortcode Issue 5.0.8 - Variable Woo Products - SKU shortcode not showing

Hello Sam, Thank you for the very detailed post information. The current SKU, {{dc:woocommerce:product_sku}, dynamic content will only display the product SKU and not the variation SKU. To display the variation SKU dynamically every time you select from the variation, you need to check this article instead: You need to tweak the code to output the SKU in an element. As an example, add a Text element to your page. Then, assign it a class of var-sku. Next, add the following code in your pag…

[ruenel]

You are most welcome, @tso.