Скачать или смотреть How to Display Parent Category Thumbnails in WooCommerce When Viewing Child Categories

Discover how to modify your WooCommerce theme to display the parent category thumbnail when viewing child categories to enhance your product archive pages.
---
This video is based on the question https://stackoverflow.com/q/62430846/ asked by the user 'CS10' ( https://stackoverflow.com/u/8575498/ ) and on the answer https://stackoverflow.com/a/62432956/ provided by the user 'LoicTheAztec' ( https://stackoverflow.com/u/3730754/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Show WooCommerce parent category thumbnail when viewing a child category

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Display Parent Category Thumbnails in WooCommerce When Viewing Child Categories: A Step-by-Step Guide

If you’re running an online store using WooCommerce, you know how important it is to present your products neatly and effectively. A common challenge many WooCommerce users face is showing the relevant category thumbnails, especially when working with child categories. In this guide, we will dive deep into how you can display the parent category's thumbnail when viewing child categories in WooCommerce, ensuring a seamless experience for your customers.

The Problem

When visiting a child product category, WooCommerce does not automatically show the thumbnail image of its parent category. Instead, it may leave a blank space or display an unexpected image, which can lead to confusion or a negative user experience. The goal here is to modify the existing functionality so that:

The child category's thumbnail is displayed if it exists.

If the child category does not have an image, the parent category's thumbnail is used as a fallback.

The Solution

To achieve this goal, we will be modifying the existing code in the functions.php file of your active child theme (or active theme). Below is a step-by-step breakdown of how to implement this solution.

Step 1: Access Your Theme’s Functions File

Login to your WordPress admin dashboard.

Navigate to Appearance and then Theme Editor.

Select the functions.php file from the list on the right side.

Step 2: Insert the Custom Function

Now, we'll add the code that checks for the child category's thumbnail and retrieves the parent category's thumbnail if needed.

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Understanding the Code

Let’s break down what this code does:

Check Product Category: The function first checks if it's currently displaying a product category using is_product_category().

Get Term Object: It retrieves the current queried object (the category) using get_queried_object().

Retrieve Thumbnail ID: It attempts to fetch the thumbnail ID of the current category.

Fallback to Parent: If the child category does not have its own thumbnail (an empty check), the function checks if there is a parent category and attempts to get its thumbnail.

Display Image: Finally, it retrieves the image URL and displays the image using an HTML <img> tag.

Step 4: Test the Changes

After placing the code, make sure to save the changes and test your website:

Visit a Child Category: Go to a child category of your products.

Observe the Thumbnail: Ensure that if the child category has a thumbnail, it displays correctly; otherwise, check if the parent category's thumbnail appears as a fallback.

Conclusion

Congratulations! You’ve successfully modified your WooCommerce store to display the parent category thumbnail when viewing child categories. This little tweak will help maintain a consistent and visually appealing presentation across your product categories, enhancing the overall user experience.

Should you have any further questions or require additional modifications, feel free to leave a comment or reach out. Happy coding!