Display Vendor Category with Link

[fratta]

I have implemented the code below to show the “Vendor category” for each vendor in the Vendors page

@yevhen

add_filter(
	'hivepress/v1/templates/vendor_view_block/blocks',
	function($blocks, $template){
		$vendor = $template->get_context('vendor');
		
		if(!$vendor || !$vendor->get_categories()){
			return $blocks;
		}
		
		$output = '';
		
		foreach ( $vendor->get_categories() as $category ){
			$output .= '<span>'.esc_html( $category->get_name() ).'</span>';
		}
	
		return hivepress()->helper->merge_trees(
			[ 'blocks' => $blocks ],
			[
				'blocks' => [
					'vendor_content' => [
						'blocks' => [
							'custom_vendor_categories' => [
								'type'   => 'content',
								'content'  => $output,
								'_order' => 21,
							],
						],
					],
				],
			]
		)['blocks'];
	},
	1000,
	2
);

However I would like the Vendor categories displayed and function similar to how listing categories are displayed in the Listings page, with a background that changes color on hover and a link to the Vendors Category page when clicked (screenshot for reference)

This seems to have been asked quite a number of times in the past, I am hoping that by now someone has managed to find a solution? Thank you!

[andrii]

Hi,

You can try to wrap the div you added to display the categories using this CSS class: .hp-listing__categories. However, please note that you may also need CSS tweaks, as there is no such element there.

[fratta]

Thanks Andrii.

How can I get the URL for the vendor-category page pls (to link it from the category)?

[ihor]

Please try using this code within the initial code snippet:

get_term_link($category->get_id())

You can find more details here get_term_link() – Function | Developer.WordPress.org