SKU instead of price

Hi could you please tell me on shop product thumbnail list page (shop page) as you can see at the moment under the product image thumb, under the product title there is price. But I want to display:none that price and instead of I want to display SKU code. How can we achieve this please? BIG THANX

Attachments:

You must be logged in to view attached files.

Hi,

Try to add this code snippet to the functions.php file in the child theme to achieve that

add_action( 'woocommerce_before_shop_loop_item_title', 'custom_before_title' );
function custom_before_title() {

    global $product;

    if ( $product->get_sku() ) {
        echo $product->get_sku();
    }

}

Regards

Hi Keymaster it worked as you can see on this page the SKU code exactly where I want:
LINK 1

But on this page I need the SKU code under the thumb image just before title but because of the above line of codes you sent me on this page SKU code went above the image:
LINK 2

Please also see the attached JPG
THANK YOU VERY MUCH

Attachments:

You must be logged in to view attached files.

Hi,

Try to replace with this code

add_action( 'woocommerce_shop_loop_item_title', 'custom_before_title', 20 );
function custom_before_title() {

    global $product;

    if ( $product->get_sku() ) {
        echo '<span class="product-grid-sku"><span>SKU - </span>' . $product->get_sku() . '</span>';
    }

}

THANK YOU VERY MUCH it worked
Only now can you please look at the attached jpg here
on product list page when I click the + icon to view the product pop up window I have little issue left. thanx

Attachments:

You must be logged in to view attached files.

THANK YOU VERY MUCH it worked
I have only 2 issues left:
-please look at the attached jpg here on product list page when I click the + icon to view the product pop up window
– And on product detail page I need not to display wishlist and compare row as seen on second jpg
THANX

Attachments:

You must be logged in to view attached files.

Hi,

Use this code snippet

.sku_wrapper {
	display: none!important;
}

As for compare and wishlist, you can disable these plugins completely in Plugins section.

Hi there perfect it worked THANK YOU
On the same product detail page I want to keep the product page design as DEFALT. But at the bottom the share buttons not small grey ones but circled colored ones. As the attached image. How can I? thanx

Attachments:

You must be logged in to view attached files.

Find the code in the file `woocommerce/content-single-product.php

<?php echo basel_shortcode_social( array( 'type' => basel_get_opt( 'product_share_type' ), 'size' => 'small', 'align' => 'left' ) ); ?>

and replace with this one

<?php echo basel_shortcode_social( array( 'type' => basel_get_opt( 'product_share_type' ), 'size' => 'small', 'align' => 'colored' ) ); ?>

tHANX but how to put that file into child-theme please?
what will be the folder and file structure?
/child-theme/ …?/…?

Copy this file to the exact location but in the child theme and then edit it.

woocommerce under the plugin directory or
under the theme/basel/woocommerce ?

Under our theme folder.

With some reason it didnt work 🙁
pls see the attached two jpgs

Attachments:

You must be logged in to view attached files.

Are you able to provide us your FTP access so we can check it?

Here below
thanx

Sorry, we gave you a wrong code snippet. Check how it works now.

THANK YOU VERY VERY MUCH

You are welcome!

[Author]

Posts