Custom product thumb

Zorg eerst dat je in de customiser alle standaard thumbnail waardes weghaalt, dan heb je een leeg canvas om te werken, daarna comments om de functie weghalen

https://www.businessbloomer.com/woocommerce-easily-get-product-info-title-sku-desc-product-object/

Vul hieronder echo’s met de waardes die je wilt weergeven en bouw dmv de echo’s jouw thumbnail

Let goed op de ‘ ‘ om het stuk na de echo, de . . om de php functie die je van bovenstaande link haalt en afsluitende ;

Wil je de stock titel en prijs weghalen? Kijk hierboven

PHP:

				
					add_action( 'woocommerce_shop_loop_item_title', 'addProductThumbnailInfo', 5 );
function addProductThumbnailInfo(){
	global $product;
	echo '<div class="product-content">';
		echo '<div class="product-content-title"> <h3><a>get_id() ) .'"&gt;'.$product-&gt;get_name().'</a></h3> </div>';
		echo '<div class="stock-wrapper">' . wc_get_stock_html( $product ) .'</div>';
		echo '<div class="product-links-wrapper">';
			echo '<div class="price-wrapper"> '. $product-&gt;get_price_html() .' </div>';
			echo '<div class="product-page-link"><a>get_id() ) .'"&gt;Bekijk product</a></div>';
		echo '</div>';
	echo '</div>';
}

JS:

CSS