Improve store page to display Brand categories below the products

[bobbingwide]

The original shop page, entitled Shop Homepage ^^, was created in Elementor.

It contains several sections which are no longer displayed by the woocommerce/archive-product.php template.

• Slider
• USP Strip
• About Us
• Popular products - with 12 product categories
• Special offers - for product category sale-products
• Ex display buildings -ex-display-buildings
• Brands - with 16 brands under our-brands

The contents of the page was manually created; it doesn't use any WooCommerce functionality to display the grids of product categories.

This contents of this page were lost when the theme was changed to display the woocommerce/archive-product.php template. This was before I started working on the site.

Requirement

• The store page needs to be improved to redisplay the Brands grid below the products grid.

This is a follow on to #47 and similar to #51.

Proposed solution

• [x] Initially use the [product_categories] shortcode to display the post-categories which have a parent of brands, not including those which don't have any products.

[bobbingwide]

Hardly any of the brand product categories have their brand logo thumbnail set.

In order to check how they appear, I'll need to set these in development - using the same images as were used on Shop Homepage ^^ ( post ID 2278 ).

Then I'll have to do the same for live.

The images aren't displayed nicely The thumbnails have been cropped.

Investigate hooking into subcategory_archive_thumbnail_size to replace woocommerce_thumbnail with some other value.

[bobbingwide]

Initially use the [product_categories] shortcode to display the post-categories which have a parent of brands, not including those which don't have any products.

• The shortcode to achieve this is [product_categories parent=634 hide_empty=1]
• In order to match what was used on the original page ( Shop Homepage ^^ ) we would need to hide the brand title.

[bobbingwide]

The logos in the current system are of varying size and quality. In order to get a consistent display for the brand images we need to ensure that the full sized images are displayed, rather than thumbnails which get cropped. A consistent width of somewhere between 450 and 500 would seem reasonable. The images do not need to be square.

[bobbingwide]

Delivered in v1.5.0