WooCommerce sub categories not displayed correctly about bootscore

[crftwrk]

See, there is a missing template. We'll fix this in 5.2.1.0, but you can hotfix this easily. https://dev.bootscore.me/product-category/products/

Hotfix

1. Create file content-product-cat.php and insert following code:

<?php
/**
 * The template for displaying product category thumbnails within loops
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/content-product-cat.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see     https://docs.woocommerce.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 4.7.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<div <?php wc_product_cat_class( 'col-md-6 col-lg-4 col-xxl-3 mb-4', $category ); ?>>
  
  <div class="card">
    
	<?php
	/**
	 * The woocommerce_before_subcategory hook.
	 *
	 * @hooked woocommerce_template_loop_category_link_open - 10
	 */
	do_action( 'woocommerce_before_subcategory', $category );

	/**
	 * The woocommerce_before_subcategory_title hook.
	 *
	 * @hooked woocommerce_subcategory_thumbnail - 10
	 */
	do_action( 'woocommerce_before_subcategory_title', $category );

    ?>
      <div class="card-body">
        <?php
    
        /**
         * The woocommerce_shop_loop_subcategory_title hook.
         *
         * @hooked woocommerce_template_loop_category_title - 10
         */
        do_action( 'woocommerce_shop_loop_subcategory_title', $category );

        /**
         * The woocommerce_after_subcategory_title hook.
         */
        do_action( 'woocommerce_after_subcategory_title', $category );

        /**
         * The woocommerce_after_subcategory hook.
         *
         * @hooked woocommerce_template_loop_category_link_close - 10
         */
        do_action( 'woocommerce_after_subcategory', $category );
        ?>
      </div>
    </div>
    
</div>

2. Copy file to main-theme's folder bootscore-main/woocommerce/

3. Add following scss to your child _bscore_custom.scss (delete this in the 5.2.1.0 update)

.product-category img {
  @extend .card-img-top;
}

h2.woocommerce-loop-category__title {
  @extend .btn;
  @extend .btn-primary;
  @extend .w-100;
  @extend .mb-0;
}

.product-category mark {
  @extend .badge;
  @extend .bg-white;
  @extend .text-dark;
}

Does this help?

[jonwebprocoder]

This is perfect - thank you so much! Jon Jonathan *Harding*WebProCoder [phone] <123456789>www.webprocoder.com <https://webprocoder.com/>

…

On Tue, 30 Nov 2021 at 12:51, Basti ***@***.***> wrote: See, there is a missing template. We'll fix this by the next update, but you can hotfix this easily. Hotfix 1. Create file content-product-cat.php and insert following code: <?php/** * The template for displaying product category thumbnails within loops * * This template can be overridden by copying it to yourtheme/woocommerce/content-product-cat.php. * * HOWEVER, on occasion WooCommerce will need to update template files and you * (the theme developer) will need to copy the new files to your theme to * maintain compatibility. We try to do this as little as possible, but it does * happen. When this occurs the version of the template file will be bumped and * the readme will list any important changes. * * @see https://docs.woocommerce.com/document/template-structure/ * @Package WooCommerce\Templates * @Version 4.7.0 */ if ( ! defined( 'ABSPATH' ) ) { exit; }?><div <?php wc_product_cat_class( 'col-md-6 col-lg-4 col-xxl-3 mb-4', $category ); ?>> <div class="card"> <?php /** * The woocommerce_before_subcategory hook. * * @hooked woocommerce_template_loop_category_link_open - 10 */ do_action( 'woocommerce_before_subcategory', $category ); /** * The woocommerce_before_subcategory_title hook. * * @hooked woocommerce_subcategory_thumbnail - 10 */ do_action( 'woocommerce_before_subcategory_title', $category ); ?> <div class="card-body"> <?php /** * The woocommerce_shop_loop_subcategory_title hook. * * @hooked woocommerce_template_loop_category_title - 10 */ do_action( 'woocommerce_shop_loop_subcategory_title', $category ); /** * The woocommerce_after_subcategory_title hook. */ do_action( 'woocommerce_after_subcategory_title', $category ); /** * The woocommerce_after_subcategory hook. * * @hooked woocommerce_template_loop_category_link_close - 10 */ do_action( 'woocommerce_after_subcategory', $category ); ?> </div> </div> </div> 1. Copy file to main-theme's folder bootscore-main/woocommerce/ 2. Add following scss to your child _bscore_custom.scss (delete this by the next update) .product-category img { @extend .card-img-top; } h2.woocommerce-loop-category__title { @extend .btn; @extend .btn-primary; @extend .w-100; @extend .mb-0; } .product-category mark { @extend .bg-transparent; @extend .p-0; } Does this help? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#49 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AHPGKVPSDYDK64W3NDD6NMDUOS3D3ANCNFSM5JBSKW6A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.