<?php
function wpd_archive_menu() { #($current_menu_item)
	$parentCat = get_queried_object_id();
	
	$cats = get_categories(array(
		'parent' => $parentCat,
		'taxonomy' => 'product_cat',
		'hide_empty' =>  1,
		'number' => 18
	));
	
	ob_start();
?>
<div class="product_submenu archive-top-menu archive-top-menu-mobile">
	<?php
	foreach ($cats as $index => $cat){
		
	?>
	<div class="product_submenu_category product_submenu_category_mobile" data-subcatnumber="<?php echo $index/*count($cats_hide_empty)*/?>" data-hidecat="<?= $cat->count == 0?>">
		<div class="product_submenu_category_links product_submenu_category_links_mobile">
			<?php
						$title_class = null;
						$cat_thumb_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
						$shop_catalog_img = wp_get_attachment_image_src( $cat_thumb_id, 'medium' );
						//var_dump($shop_catalog_img);
						if ($shop_catalog_img) {
							$title_class = "image";
						}
			?>
			<a class="<?php echo $title_class ?>" href="<?php echo get_category_link($cat->term_id)?>">
				<?php 
					if ($shop_catalog_img) {
				?>
				<div class="archive-menu-image archive-menu-image-mobile">
					<div class="archive-mega-image" style="background-image: url(<?php echo $shop_catalog_img[0] ?>)" ></div>
				</div>
				<?php
							}
				?>
				<div class="title">
					<h5 class="cat_name_mobile <?php echo $title_class ?>"><?php echo $cat->name?></h5>
				</div>
			</a>
		</div>
	</div>
	<?php
	}
	?>
</div>
<?php
	return ob_get_clean();
}

add_shortcode('archive-menu', 'wpd_archive_menu');