add extra availability in product status

[tomsson]

Hello

I'am using VM 3.0.18 + Joomla 3.7.2
I need extra "Availability" in product status.  It is possible ?

[K&K media production]

There is a hint on ? hover:

Availability OR select an Image to be displayed on the Details Page.
The images reside in the directory /components/com_virtuemart/assets/images/availability/

I'am using VM 3.0.18 + Joomla 3.7.2

You should update vm, because 3.0.18 is not completly compatible with J 3.7.2

[tomsson]

I do not understand your answer.
I need to add adlist extra availability called "In stock"

[dslove]

tomsson, do you need something like what appears in the attached screenshot?

[tomsson]

yes!!!

I got it now 

thx

[dslove]

Great!
If anyone else needs help with this, they can post here & I will be happy to share the code.

[Milbo]

sounds good. :-)

[Evgen78]

Great!
If anyone else needs help with this, they can post here & I will be happy to share the code.

Hi!

I do!

how is it done?

[Studio 42]

Evgen78, It depend the template and your Joomla release, the products layout need change.
But in productdetails view, you have a sample code to display stock.

[dslove]

This is how I did it:

1) In the sublayouts/products.php file (category view of product), inside the product container and right after the code for the thumbnail, I placed the following piece of code

Code Select Expand

<span class="label label-default vmicon vm2-<?php echo $product->stock->stock_level ?> small" title="<?php echo $product->stock->stock_tip ?>">Stock</span>

When the product is in stock, the HTML output will be:

Code Select Expand

<span class="label label-default vmicon vm2-normalstock small" title="We have plenty of stock for this product">Stock</span>

When product is out of stock, HTML output is:

Code Select Expand

<span class="label label-default vmicon vm2-nostock small" title="Sorry, we currently have no stock for this item">Stock</span>

2) Now, it's time to create the CSS styles for your HTML. Most of the above classes (.label .label-default .small) are standard Bootstrap classes (the framework I used for the specific template), but the finishing touch was done with Font Awesome (already included in the template, because it's neat and I love it):

Code Select Expand



.vm2-normalstock::after {
    margin-left: 6px;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 20px;
    color: #5cb85c;
}

.vm2-nostock::after {
    margin-left: 6px;
    font-family: 'FontAwesome';
    content: '\f00d';
    font-size: 20px;
    color: #FF0000;
}



Hope this helps