Storefront ist das offizielle Theme zu WooCommerce, dem führenden WordPress Online-Shop Plugin. Es ist kostenlos und wird voraussichtlich so lange es WooCommerce gibt, immer unterstützt werden. Deswegen ist es meist eine gute Wahl als Basis für einen Onlineshop.
Hier ein paar Tipps wie man Dinge im Storefront Theme anpasst.
Sidebar auf Produktseiten entfernen
Standardmässig zeigt Storefront eine Sidebar auf allen Einzel-Produktseiten. Wer das nicht haben will, kann die Sidebar mit diesem Snippet sauber entfernen.
Das Snippet tut zwei Sachen:
- Es verhindert die Anzeige des Snippets auf den Produktseiten
- Es zieht den Contentbereich (wo die Produktinformationen dargestellt werden) auf die komplette Breite
Ohne den zweiten Teil des Snippets wäre zwar die Sidebar entfernt, an deren Stelle wäre aber eine leere Fläche und das Produkt würde immer noch nur 2/3 des Platzes nutzen
// entfernt die sidebar auf der Einzelproduktseite
add_action( 'get_header', 'wpterra_remove_storefront_sidebar_on_single_products' );
function wpterra_remove_storefront_sidebar_on_single_products() {
if ( !is_product() ) {
return;
}
// entfernt sidebar
remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
// fügt die fullwidth CSS Klasse zum body tag hinzu
add_filter( 'body_class', function( $classes ) {
return array_merge( $classes, array( 'page-template-template-fullwidth-php' ) );
} );
}Breadcrumbs von Storefront entfernen
Wenn du die Breadcrumb Navigation entfernen willst, vielleicht auch, um sie an anderer Stelle wieder einzubinden, dann hilft dir dieses Snippet.
// entfernt die Breadcrumbs Navigation in Storefront
add_action('storefront_before_content', 'wpterra_remove_breadcrumbs', 9);
function wpterra_remove_breadcrumbs(){
remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}