add_filter( 'woocommerce_subcategory_count_html', 'remove_category_products_count_in_category_list' );
function remove_category_products_count_in_category_list() {
return;
}Remove the number of products in the category list from the category name
Archives for December 2021
Change the number of similar products in WooCommerce
WooCommerce displays similar products below the product description. The number can be set with the following code:
add_filter( 'woocommerce_output_related_products_args', 'iphf_change_number_related_products', 10 );
function iphf_change_number_related_products( $args ) {
$args['posts_per_page'] = 5; // Anzahl der ähnlichen Produkte
$args['columns'] = 5; // Anzahl der Produkte pro Zeile
return $args;
}Genesis Visual Hook Guide
The Genesis Visual Hook Guide shows an overview of where the visual hooks are. This is useful when building a website.
The Visual Hook Guide can be found here .
Remove wrap DIVs (.wrap) in Genesis
Genesis inserts .wrap-DIVs into all HTML elements of the page, for example to enable centered alignment.
If you want to reduce the DOM depth, it is advisable to remove the wrapper DIVs (.wrap).
It works like this:
add_theme_support( 'genesis-structural-wraps', array( 'header', 'menu-secondary', 'footer-widgets', 'footer' ) );
WooCommerce product page without tabs, but everything below each other
To remove the tabs (description, additional information and ratings) on the product page in WooCommerce or to place all information below one another, we use the following short code snippet.
By default, WooCommerce displays separate tabs for description, additional information and ratings on the product page. Sometimes it makes sense to do without tabs for usability reasons. Amazon and other large shops also show the content one below the other instead of in tabs. The approach comes from the mobile area and we have become very used to it. It is not wrong to orientate yourself to the big ones, as they have often already invested a lot in optimizing their presence and the potential visitors have already got used to it.
function woocommerce_output_product_data_tabs() {
$product_tabs = apply_filters( 'woocommerce_product_tabs', array() );
if ( empty( $product_tabs ) ) return;
echo '<div class="woocommerce-tabs wc-tabs-wrapper">';
foreach ( $product_tabs as $key => $product_tab ) {
echo '<div id="tab-' . esc_attr( $key ) . '">';
if ( isset( $product_tab['callback'] ) ) {
call_user_func( $product_tab['callback'], $key, $product_tab );
}
echo '</div>';
}
echo '</div>';
}
As you can see in the example here, all information is displayed one below the other and the tab bar (as shown above) is not visible.
This gives the visitor an overview of all information at a glance.
What do you like better with tabs or with each other?
alternative solution
Alternatively there is this solution at gist.github.com . This has the disadvantage that the empty DIVs are still displayed, even if there is no content. This can of course also be solved in the code. With the above solution, tab content is only included if it is available.
Cool Genesis Mobile Menu Overlay
If you prefer a full-page menu instead of a drop-down mobile menu, https://github.com/PurpleHippoDesign/genesis-menu-overlay is a possibility.
Thanks to @PurpleHippoDesign
