Show product category description even when there is no products

Hey tremblayly,

Thank you for the inquiry.

You have to override the archive template by creating a copy of the woocommerce/templates/archive-product.php template in your child theme. Remove the condition around line 48.

if ( woocommerce_product_loop() ) {

And remove this hook around line 88.

do_action( 'woocommerce_no_products_found' );

Best regards,
Ismael

Hi,

Thank you for the update.

Try to replace the whole block with this code.

/**
 * Hook: woocommerce_before_shop_loop.
 *
 * @hooked woocommerce_output_all_notices - 10
 * @hooked woocommerce_result_count - 20
 * @hooked woocommerce_catalog_ordering - 30
 */
do_action('woocommerce_before_shop_loop');

woocommerce_product_loop_start();

if (wc_get_loop_prop('total')) {
    while (have_posts()) {
        the_post();

        /**
         * Hook: woocommerce_shop_loop.
         */
        do_action('woocommerce_shop_loop');

        wc_get_template_part('content', 'product');
    }
}

woocommerce_product_loop_end();

/**
 * Hook: woocommerce_after_shop_loop.
 *
 * @hooked woocommerce_pagination - 10
 */
do_action('woocommerce_after_shop_loop');

Best regards,
Ismael

Hi,
Thanks for your patience, as I understand your request you have added a html table to your category Description and you want it to show when there are no products in that category, I was not able to get the above solution to work on my test site, but I was able to create a shortcode that you can add to empty categories to show your custom description:

Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function archive_description_callback() {
	$term_object = get_queried_object();
	$archive_description = $term_object->description;
	echo '<div class="container archive-description">'.$archive_description.'</div>';
    return $output;
}
add_shortcode( 'archive_description_shortcode', 'archive_description_callback' );
function remove_archive_description_shortcode() { ?>
  <script>
(function($){
$('.archive-description').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  this.textContent = this.textContent.replace('[archive_description_shortcode]','');
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'remove_archive_description_shortcode');

and add this shortcode to the category Description [archive_description_shortcode]
and this is the result:

Perhaps this will help.

As a side note I had originally thought that you wanted to show the category full width banner, and I found that this shows without and modifications:

the results:

In the process I stumbled on to this solution for just showing the category image without the description when using the default Category Styling and not the full width banner:

use this shortcode: [banner_image_shortcode]
This code to the end of your functions.php file in Appearance ▸ Editor:

function banner_image_callback() {
	ob_start();
	avia_woocommerce_overview_banner_image();
	$banner_image = ob_get_clean();
	echo '<div class="container">'.$banner_image.'</div>';
    return $output;
}
add_shortcode( 'banner_image_shortcode', 'banner_image_callback' );

for this result:

Best regards,
Mike

Hi,
Thanks for the feedback, I tested my first solution again on my test site and achieve this:

I wanted to check that I didn’t leave a step out, so please include an admin login in the Private Content area so I can examine your site closer.

Have you removed the custom archive-product.php template in your child theme, from the original solution above, as this is not a factor of the shortcode solution?
Also is the woocommerce/templates/archive-product.php file from the original solution above, in it’s original state, without any modifications?

Best regards,
Mike

Hi,
Yes, I understand that your page is not showing the custom table at the top of your empty category page.
The table that I copied was from a non-empty category page that is showing a table that I assume is similar to what should show on your empty category page
https://diyjewellery.com/bails/bails-attached/bails-attached-gold/
It is only an example, since I can not log in to your site a see the actual backend of your empty category page, I have to guess what the expected result is.
Please include an admin login in the Private Content area so I can examine your page closer.

Best regards,
Mike

Hi,
Thank you for the login, I’m not sure why this was not working on your site, but I did notice that your category page was different than my default version, probably due to one of your plugins.
Anyways I adjusted my approach with a new function in your PHP snippets plugin, I left the old one disabled and you can delete it.
So the first improvement for this one is that it checks the category page for the ID “search-fail” which is only found on empty category pages, if found it injects the shortcode that gets the category description, so you don’t need to add the shortcode on the pages and then remove it once you add products to the category later.
But you need to add your html table without line breaks, you will see what I mean when you check the back end of the two pages I adjusted for you:
https://diyjewellery.com/bails/bails-attached/bails-attached-gold/
https://diyjewellery.com/bails/bails-glue-on/bails-glue-on-gold/
Also note that for these two page you didn’t add an image url just img src="#" so no images are showing in the table right now.

This is the function I added

function archive_description_callback() {
	$term_object = get_queried_object();
	$archive_description = $term_object->description;
	echo '<div class="container archive-description">'.$archive_description.'</div>';
    return $output;
}
add_shortcode( 'archive_description_shortcode', 'archive_description_callback' );
function add_archive_description_shortcode() { ?>
    <script>
  (function($){	
      var short_code = '<?php echo do_shortcode("[archive_description_shortcode]"); ?>';
	  if ($('#top.archive.tax-product_cat .entry-content-wrapper').attr("id") == "search-fail") {
      $(short_code).insertBefore( ".container_wrap_first" );
	  }
  })(jQuery);
  </script>
    <?php
  }
  add_action('wp_footer', 'add_archive_description_shortcode');

Best regards,
Mike

Hi,
Thanks for the feedback the reason you table was not working was because it had line breaks in it, I tried to explain this above:


I also adjusted the placement

please check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike