Webové zákusky

Zobrazit vlastní parametr v produktu

9. 8. 2022

WooCommerce je skvělý plugin do Wordpress, pokud chcete postavit menší e-shop (cca do několika tisíc položek, záleží na mnoha faktorech). Občas se stane, že na stránku obchodu, kde jsou zobrazené produkty a jejich filtr, potřebujeme dostat informaci z produktu.

Na obrázku níže jsem propašovala do náhledu příspěvku i délku videí, což je informace (vložená pomocí ACF) do produktu a vyplněná ručně:

e-shop

Toto a jakákoli další metadata, která se týkají produktu, můžete zobrazit v náhledu produktu celkem jednoduše a to pomocí následujícího kódu, vloženého do functions.php (ideálně do child theme). Jen musíte změnit „delka-videi“ za jiný požadovaný parametr. A v HTML níže pak upravíte, za co je třeba.

// SHOW VIDEO LENGTH IN SHOP PAGE  ----------------------------------------------------------------------------------
// https://www.businessbloomer.com/woocommerce-display-product-height-length-width-shop-page/
add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_show_product_dimensions_loop', 20 );
  
function bbloomer_show_product_dimensions_loop() {
   global $product;   
   $video_length = get_post_meta( $product->get_id(), 'delka-videi', true );
   if ( ! empty( $video_length ) ) {
      echo '<div class="product-details"><b>Délka:</b> ' . $video_length;      
      echo '</div>';        
   }
}

Zdroje

Další články

Jak přidat fonty do DIVI

V článku o lokálních fontech v DIVI jsem popisovala, jak je možné přidat do DIVI vlastní font a co dělat, pokud DIVI daný formát fontu nepodporuje (tedy jiný formát než TFF nebo OTF). Někdy je...