If your discontinued product message is not displayed on the product page due to template customization or any other builder, please use our shortcode [dpssw_display_discontinued_message] to display the discontinued product message. We have provided an example below of how to implement the shortcode on a product page using the Elementor theme.

1. In Elementor, open the product page template where you want to add the shortcode. Navigate to the “Widgets” panel on the left-hand side.
2. Search for the “Shortcode” widget in the search bar.
3. Drag and drop the “Shortcode” widget to the desired location on your product page.

1. Once you’ve added the “Shortcode” widget to your desired location on the product page template, click on the widget to open its settings.
2. In the ‘Content‘ tab of the “Shortcode” widget, you’ll see a field where you can input your shortcode. Paste or type [dpssw_display_discontinued_message] into this field.
3. After adding the shortcode, click ‘Apply‘ (or ‘Update’ if you’re done with all changes) to save your changes and ensure the shortcode is correctly applied to the block.

1. Navigate to the product page template in Elementor, and click on the element you want to hide when the discontinued message is displayed.
2. Once the element is selected, go to the ‘Advanced‘ tab in the Elementor panel on the left-hand side.
3. In the ‘Advanced’ tab, locate the ‘CSS Classes‘ field. Enter the custom class ‘dpssw_hide_container‘ into this field.

For additional customization and more advanced controls, you can continue exploring the Discontinued Products Stock Status Pro for WooCommerce Options menu to access the complete range of settings.