how to remove "Available" text from product description page

[Arunnaik]

I would like to remove the option "Available" from products listing page above the add to cart button. &

the option "Availability: In Stock" from product details page above the add to cart button.

 

 

Thx

Arun

[halennoor]

Not sure if there s a way to do it thru BO --

 

But try this

 

Go to product_list.css line 68

 

to remove "Available" from products listing page above the add to cart button.

 

insert "display:none;"

 

 

ul#product_list li span.availability {

display:none;

color: #488c40;

font-size: 0.9em

 

}

 

 

 

to remove "Availability: In Stock" from product details page above the add to cart button.

 

 

 

go to product.css line 155

insert "display:none;"

 

#primary_block #buy_block span#availability_label {

display:none;

float: left;

margin-right: 1em

}

 

to remove the value insert this

 

#primary_block #buy_block span#availability_value {

display:none;

}

Edited July 3, 2012 by halennoor (see edit history)

[Prestolabels]

You can also disable stock management in back office. But then you will lose all of those features. If you do not use the stock management features then that would be the best way to do it. That option can be found in preferences--> products--> products stock/stock management.

 

If you want to disable JUST the "availability" text then use halennoors method.

[Mackens]

Is it possible to replace the available text with a different text when the product if out if stock but the ordering possible ?

[mandrin]

Not sure if there s a way to do it thru BO --

 

But try this

 

...............

 

 

Awesome! Was looking for this for a while. Thanks!

[ALMAJ]

Is it possible to replace the available text with a different text when the product if out if stock but the ordering possible ?

bump

[YFYD]

Ok, I must be missing something, I have stock management turned off, "Availability" still shows on my product page.  I then tried editing the CMS file and adding the "display:none; as described above, but makes no change, still see the word "Availability" on the product page listed below the product name.

 

Any other ideas?  Using prestashop 1.6.0.6

 

Thanks

[dioniz]

What file have you edited?

[YFYD]

product_list.css and product.css, as described in this thread above

[dioniz]

That post is for older version and maybe a bit different.

For 1.6 product list in yourdomain/themes/default-bootstrap/css/product_list.css find:

 

ul.product_list .availability span {
    color: white;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 3px 8px 4px;
}

Change display: inline-block; to display:none;

 

For product page in yourdomain/themes/default-bootstrap/css/product.css find

#availability_value, #last_quantities {
    background: none repeat scroll 0 0 #55c65e;
    border: 1px solid #36943e;
    color: white;
    display: inline-block;
    font-weight: 700;
    line-height: 18px;
    margin-left: 5px;
    padding: 3px 8px 4px;
}

and do same as above

[Guid]

 

That post is for older version and maybe a bit different.

For 1.6 product list in yourdomain/themes/default-bootstrap/css/product_list.css find:

 

ul.product_list .availability span {
    color: white;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 3px 8px 4px;
}

Change display: inline-block; to display:none;

 

For product page in yourdomain/themes/default-bootstrap/css/product.css find

#availability_value, #last_quantities {
    background: none repeat scroll 0 0 #55c65e;
    border: 1px solid #36943e;
    color: white;
    display: inline-block;
    font-weight: 700;
    line-height: 18px;
    margin-left: 5px;
    padding: 3px 8px 4px;
}

and do same as above

 

Thanks a lot Dioniz for all yours answers.

Once again that SOLVED.

(presta 1.6, theme default)