Return to previous page

Stock amount on shop page - by Jarkko - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Olga Barlow

Jarkko

Participant

April 30, 2018 at 10:22

Is it possible to show stock amount of each product on the shop page under the price? And maybe add a word or two in front of it?

And how would I then modify the amount and text style with custom css?

#192144 Copied

3 Answers
Olga Barlow

Support staff

April 30, 2018 at 10:58
Hello,

Please add following code in child theme’s functions.php file :
```
//Add stock status to archive pages

function etheme_stock_catalog() {
    global $product;
    if ( $product->is_in_stock() ) {
        echo '<div class="stock" >' . $product->get_stock_quantity() . __( ' in stock', 'royal-child' ) . '</div>';
    } else {
        echo '<div class="out-of-stock" >' . __( 'out of stock', 'royal-child' ) . '</div>';
    }
}
add_action( 'woocommerce_after_shop_loop_item_title', 'etheme_stock_catalog' );
```
If you want to change the styles use
```
.product .product-details .stock {
    /*==place your rules here==*/
    margin-bottom: 10px;
}
```
Regards
#192153 Copied
Jarkko

Participant

May 2, 2018 at 17:57

Thanks, I’ll try this tomorrow.

It seems your forum is no longer sending notifications of replies..

#192284 Copied

Olga Barlow

Support staff

May 3, 2018 at 14:24

Hello,

Thank you for the information. We’ll check our server.

Regards

#192326 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Coffee Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.