Hi bosal,

You can add this code in functions.php:

function _show_producer_brand_name_shop_loop() {
    global $product;
    $pa_producent = $product->get_attribute( 'pa_producent' );
    if ( ! $pa_producent ) {
        return;
    }
    ?>
    <span class="brand-name"><?php echo $pa_producent; ?></span>
    <?php
}
add_action( 'kalium_woocommerce_product_loop_after_title', '_show_producer_brand_name_shop_loop' );

This will display span.brand-name  element if its not empty.

I understand it, please remove the previous code and replace with this:

add_filter( 'the_title', function( $title ) {
    global $product;
    if ( $product instanceof WC_Product && $product->get_id() !== get_queried_object_id() && $product->get_title() === $title ) {
        $pa_producent = $product->get_attribute( 'pa_producent' );
        if ( $pa_producent ) {
            $title = sprintf( '<span class="head-producent">%s</span>%s', $pa_producent, $title );
        }
    }
    return $title;
} );

Hi bosal,

I have added an extra check to avoid this happening in admin panel:

add_filter( 'the_title', function( $title ) {
    global $product;
    if ( ! ( is_admin() && ! defined( 'DOING_AJAX' ) ) && $product instanceof WC_Product && $product->get_id() !== get_queried_object_id() && $product->get_title() === $title ) {
        $pa_producent = $product->get_attribute( 'pa_producent' );
        if ( $pa_producent ) {
            $title = sprintf( '<span class="head-producent">%s</span>%s', $pa_producent, $title );
        }
    }
    return $title;
} );

Hi  bosal,

You can add this code in functions.php to show product rating below title:

https://d.pr/n/Jfqp15

The styling of it is up to you because that is outside of support scope and its considered customization.

P.S: If you're looking for professional help in this matter, there's always someone available for such tasks on Codeable website. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

Hi bosal,

Yes that hook will show additional if you assign hooks on "kalium_woocommerce_product_loop_after_title". All that matters is to make the container opacity (of item you add) initially zero then on hover of product show that element opacity to 1.

"kalium_woocommerce_product_loop_after_title" is contained in kalium/includes/functions/template/woocommerce-template-functions.php in few places based on product layout for listing page.

I've explained, to add attributes on that hook simply assign a function:

add_action( 'kalium_woocommerce_product_loop_after_title', function() {
    // Code to show attributes
} );

So its up to you how do you want to show attributes and the markup structure.

A topic regarding WC Attributes to show programmatically can be found here:

https://stackoverflow.com/questions/41772206/how-to-display-wordpress-woocommerce-custom-attribute-in-templates-functions

Example:

// Get a product instance. I could pass in an ID here.
// I'm leaving empty to get the current product.
$product = wc_get_product();
// Output fabrics in a list separated by commas.
echo $product->get_attribute( 'pa_fabrics' );
// Now that I have $product, I could output other attributes as well.
echo $product->get_attribute( 'pa_colors' );

Hi bosal,

In your case, this is the code executed for transparent background layout:

(view large image)

The hook you can attach your custom code is named "kalium_woocommerce_product_loop_after_title"

However, if you want to completely modify the markup then:

1. Open wp-content/themes/kalium/includes/functions/template/woocommerce-template-functions.php

2. Copy the function "kalium_woocommerce_product_loop_item_info" from line 577-735

3. Paste the copied function in functions.php of child theme and add your changes to it.

As I mentioned above this code is executed when transparent background layout is used:

(view large image)

Happy to hear that!

Have a nice day.

Will mark this ticket as solved from here