Show "Out of stock" message on product listing pages

[lecarlb]

Sold Out.jpgI've done this using if ($listing['in_stock'] == 0 {
//Show add to cart button
} else {
//Show sold out button
}

But I like the look of that @lecarlb sold out button. I wonder how he did that button.

It's the older version of @zipurman Product Manager

[Kofod95]

Using something similar to what Burt suggested, we have this:

Screenshot_20210711-191634.png

We are not measuring stock, as we have a physical store that is too small for POS-systems, but when we sell the last item of any sort, we change the product status to '2' ('0' is the red cross, '1' is the green check, '2' is something we have added to signify 'still visible, but out of stock'.). We have added a class to the product cards so they include the status, allowing us to target the sold out products with css.

//Daniel

[burt]

Per the two posts above, you could drop a copy of this file:

/templates/default/includes/components/product_card.php

into the following location:

/templates/override/includes/components/product_card.php (note that if you use a different template to override, you should drop it into what template you are using)

Now find:

Code: Select all

    if (!$product->get('has_attributes')) {
      echo PHP_EOL, tep_draw_button(
        IS_PRODUCT_BUTTON_BUY,
        '',
        tep_href_link(basename($GLOBALS['PHP_SELF']), tep_get_all_get_params(['action', 'products_id']) . 'action=buy_now&products_id=' . (int)$product->get('id')),
        null,
        ['params' => 'data-has-attributes="0" data-in-stock="' . (int)$product->get('in_stock') . '" data-product-id="' . (int)$product->get('id') . '"'],
        'btn-light btn-product-listing btn-buy');
    }

Change to:

Code: Select all

    if ($product->get('in_stock') > 0) {  // is stock greater than zero? YES:
      if (!$product->get('has_attributes')) { 
         echo PHP_EOL, tep_draw_button(
        IS_PRODUCT_BUTTON_BUY,
        '',
        tep_href_link(basename($GLOBALS['PHP_SELF']), tep_get_all_get_params(['action', 'products_id']) . 'action=buy_now&products_id=' . (int)$product->get('id')),
        null,
        ['params' => 'data-has-attributes="0" data-in-stock="' . (int)$product->get('in_stock') . '" data-product-id="' . (int)$product->get('id') . '"'],
        'btn-light btn-product-listing btn-buy');
      }
    }
    else { // NO:
      echo tep_draw_button('<i class="fas fa-battery-empty"></i>', '', $product->get('link'), null, ['params' => 'title="OOS"'], 'btn-danger btn-product-listing btn-view');
    }

This is the stunning beauty of Matts templating system. You can do similar in the other places that show product lists (eg new roducts for month etc), but note that some files are in the older style of coding (but still templatable and over-rideable), it is just that the code will look slightly different.

[shopify]

Per the two posts above, you could drop a copy of this file:

/templates/default/includes/components/product_card.php

into the following location:

/templates/override/includes/components/product_card.php (note that if you use a different template to override, you should drop it into what template you are using)

Now find:

Code: Select all

    if (!$product->get('has_attributes')) {
      echo PHP_EOL, tep_draw_button(
        IS_PRODUCT_BUTTON_BUY,
        '',
        tep_href_link(basename($GLOBALS['PHP_SELF']), tep_get_all_get_params(['action', 'products_id']) . 'action=buy_now&products_id=' . (int)$product->get('id')),
        null,
        ['params' => 'data-has-attributes="0" data-in-stock="' . (int)$product->get('in_stock') . '" data-product-id="' . (int)$product->get('id') . '"'],
        'btn-light btn-product-listing btn-buy');
    }

Change to:

Code: Select all

    if ($product->get('in_stock') > 0) {  // is stock greater than zero? YES:
      if (!$product->get('has_attributes')) { 
         echo PHP_EOL, tep_draw_button(
        IS_PRODUCT_BUTTON_BUY,
        '',
        tep_href_link(basename($GLOBALS['PHP_SELF']), tep_get_all_get_params(['action', 'products_id']) . 'action=buy_now&products_id=' . (int)$product->get('id')),
        null,
        ['params' => 'data-has-attributes="0" data-in-stock="' . (int)$product->get('in_stock') . '" data-product-id="' . (int)$product->get('id') . '"'],
        'btn-light btn-product-listing btn-buy');
      }
    }
    else { // NO:
      echo tep_draw_button('<i class="fas fa-battery-empty"></i>', '', $product->get('link'), null, ['params' => 'title="OOS"'], 'btn-danger btn-product-listing btn-view');
    }

I haven't a /templates/override/includes/components/ folder so I modified the file /templates/default/includes/components/product_card.php file but nothing changes. I still have the add to cart button even when I change stock to zero.

[shopify]

By the way what file displays new products for the month?

[zipurman]

By the way what file displays new products for the month?

Modules - Content - New Products (index)

[Kofod95]

I haven't a /templates/override/includes/components/ folder so I modified the file /templates/default/includes/components/product_card.php file but nothing changes. I still have the add to cart button even when I change stock to zero.

You should create the directory and copy the file into it, as that will preserve your changes throughout updates in the future - the point about templates is that it allows you to override core-layout instead of changing it directly.

However, on my 1.0.8.0 the product_card.php doesn't do anything (at least as far as I could tell), meaning the relevant change should be in product_listing.php instead (templates/override/includes/components/product_listing.php - just copy the one from the default template, and create the directories in the override template)

//Daniel

[Kofod95]

By the way what file displays new products for the month?

The file is cm_i_card_products.php (includes/modules/content/index)

//Daniel

[shopify]

By the way what file displays new products for the month?

The file is cm_i_card_products.php (includes/modules/content/index)

//Daniel

This files does not have anything in it that display products for the month on the index.php page. I need to modify the file that displays these products like the product_listing.php file to show item is out of stock. The index page is first place customers see products and if product is not in stock, then I'd like to display the out of stock button here too.

[shopify]

I haven't a /templates/override/includes/components/ folder so I modified the file /templates/default/includes/components/product_card.php file but nothing changes. I still have the add to cart button even when I change stock to zero.

You should create the directory and copy the file into it, as that will preserve your changes throughout updates in the future - the point about templates is that it allows you to override core-layout instead of changing it directly.

However, on my 1.0.8.0 the product_card.php doesn't do anything (at least as far as I could tell), meaning the relevant change should be in product_listing.php instead (templates/override/includes/components/product_listing.php - just copy the one from the default template, and create the directories in the override template)

//Daniel

I created the folder as dvised and changes are picked up here. Next thing is applying to the index.php page.