I’m using Divi for a client’s shop and I was able to work around this problem by using the default Woo product page for our Gift Card (gift-card) product category. It required a good amount of CSS styling to hide the sidebar and trying to get a decent-looking layout, and I’m still not finished with it.
If you’re using the Divi Theme Builder, just exclude your gift card category from your product page layout. Then add the following to your child theme functions.php file in order to style the default Woo product page just for the gift-card category (in case you need to use the default Woo product page for some other reason):
// add taxonomy term to body_class
function woo_custom_taxonomy_in_body_class( $classes ){
if( is_singular( ‘product’ ) )
{
$custom_terms = get_the_terms(0, ‘product_cat’);
if ($custom_terms) {
foreach ($custom_terms as $custom_term) {
$classes[] = ‘product_cat_’ . $custom_term->slug;
}
}
}
return $classes;
}
add_filter( ‘body_class’, ‘woo_custom_taxonomy_in_body_class’ );
So, for example, you can use the following in your child style.css file to get rid of the sidebar in the default Woo product page for the gift-card category:
body.product_cat_gift-cards #sidebar {display: none !important;}
These css items may also help, it just depends on your original layout:
body.product_cat_gift-cards #left-area {width: 100% !important;}
body.product_cat_gift-cards div.woocommerce-product-gallery {max-width: 400px;}
I’m using a LOT more css to make it look right. It takes some effort, but you end up with a decent enough layout and you can see all of the form details, pricing buttons, etc.
Good luck!
p.s. Make sure you have accurate image category settings for each image you want to use as options.
