Plugin shortcode (in Divi theme) not showing form
-
We installed woocommerce-product-stock-alert plugin and added the shortcode as per your documentation into our Divi Builder theme for all product pages, however the form is not showing up on the product page when the product is out of stock. It should display underneath where it says the product is out of stock.
We have ticked the enable options in the plugin settings, and we have the option in woocommerce to display out of stock items. Your documentation says that the plugin works with all themes. We don’t have any caching on the site, and have checked in multiple browsers in incognito etc with flushed browser cache.
Please assist in the resolution of this.
The page I need help with: [log in to see the link]
-
The problem here is this code in frontend.js that tells the form to display or not.
if($('#product-'+pro_id).is('.outofstock') || $('#product-'+pro_id).is('.onbackorder')){ $('.alert_container').css('display', 'block'); }else{ $('.alert_container').css('display', 'none'); }The div doesn’t exist on a custom generated product page in Divi.
So I created the following function to recreate that code.
/** * Make product div * * Create a product div for WooCommerce Product Stock Alert * js functions to hook into. * * @return string */ function my_product_div() { global $product; return '<div id="product-' . get_the_ID() . '" class="' . esc_attr( implode( ' ', wc_get_product_class( '', $product ) ) ) . '" style="display:none"></div>'; } add_shortcode( 'my_wc_product_div', 'my_product_div' );Add that to your child functions.php and in Divi add a code module containing:
[my_wc_product_div] [display_stock_alert_form]
- The topic ‘Plugin shortcode (in Divi theme) not showing form’ is closed to new replies.
