Design Meets Code

Design Meets Code

WordPress · PrestaShop

  • Startseite
  • WordPress
  • PHP / Datenbanken
  • Ubuntu
  • Prestashop
  • Verschiedenes
  • Grafik
  • Glossar
You are here: Home / WordPress / X-Theme: WooCommerce Katalogbilder nicht in voller Größe sondern gem. WooCommerce Einstellungen laden

X-Theme: WooCommerce Katalogbilder nicht in voller Größe sondern gem. WooCommerce Einstellungen laden

13. Juli 2014 Leave a Comment

Das X-Theme lädt auf den Shop Kategorieseiten statt der in den WooCommerce-Einstellungen vorgegebenen Katalogbildgrößen alle Vorschaubilder in voller Größe. X-Theme begründet dies mit der besseren Bilddarstellung auf Retina-Display-Geräten. Die full-size Bilder werden dann per CSS verkleinert. Da das Laden der Bilder in voller Größe eine Performancebremse darstellt, kann man mit folgender Funktion im X-Childtheme auf die in den WooCommerce-Einstellungen eingestellten Katalogbildgrößen zurückgreifen.

add_action('init', 'default_woocommerce_thumbnails', 99 );

function default_woocommerce_thumbnails() {
remove_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail', 10 );  
add_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail_v2', 99 );
}

function x_woocommerce_shop_thumbnail_v2() {

  GLOBAL $product;

  $stack            = x_get_stack();
  $stack_thumb      = 'shop_catalog';
  $stack_shop_thumb = $stack_thumb;
  $id               = get_the_ID();
  $rating           = $product->get_rating_html();

  woocommerce_show_product_sale_flash();
  echo '<div class="entry-featured">';
    echo '<a href="' . get_the_permalink() . '">';
      echo get_the_post_thumbnail( $id , $stack_shop_thumb );
      if ( ! empty( $rating ) ) {
        echo '<div class="star-rating-container aggregate">' . $rating . '</div>';
      }
    echo '</a>';
  echo "</div>";

}

Filed Under: WordPress Tagged With: X-Theme

Schreibe einen Kommentar Antwort abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Anzeige

Themen

Apache BuddyPress Code Snippets CSS Datenbank Email Enfold genesis Grid View htaccess i-mscp Indesign Katalogpreisregel Layout Builder LibreOffice Lieferschein List View Medien Mitgliederbereich MySQL PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop 1.7 Prestashop 8 Prestashop Module Registrierung RSS Feed s2member Server ssl Startseite Strings Tag Cloud Tipps Windows Windows 10 Windows 11 WooCommerce WooCommerce Sortierung WordPress
Anzeige

Letzte Kommentare

  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Klaus zu Woocommerce: Shop Seiten neu generieren
  • Thomas zu WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
Anzeige