Hide Default Price on Products...

[krsakib]

Hi,

I've installed prestashop 1.6

Want to hide the default Price on the products (Which is shown by default when a product is created).

Don't want to enable Catalogue mode..

Price will be shown upon the selection of the product attributes.

Also want to hide the Product Conditions option. (New, Used....)

Using the Default theme.

[sandipchandela]

in css

#our_price_display{display:none!important;}

OR by another way

in js

 

$(document).ready(function(){

     $('#our_price_display,.content_price').hide('fast');

});

[krsakib]

  On 9/10/2014 at 10:08 AM, Sandip Chandela said:

 

in css

#our_price_display{display:none!important;}

OR by another way

in js

 

$(document).ready(function(){

     $('#our_price_display,.content_price').hide('fast');

});

 

thanks a lot for reply.

Which CSS I need to modify?

If I edit the CSS, will it hide the Price everywhere?

[sandipchandela]

  On 9/10/2014 at 10:08 AM, Sandip Chandela said:

 

in css

#our_price_display{display:none!important;}

OR by another way

in js

 

$(document).ready(function(){

     $('#our_price_display,.content_price').hide('fast');

});

 

 

css in product.css and 

 

js in product.js

 

Both file will find in theme to css and js directory

Edited September 10, 2014 by Sandip Chandela (see edit history)

[krsakib]

  On 9/10/2014 at 11:44 AM, Sandip Chandela said:

css in product.css and 

 

js in product.js

 

Both file will find in theme to css and js directory

Hi

modified the CSS, but nothing been changed.

Do I need to edit both CSS and JS?

[emonerd]

can you please specify which line do i edit within the js file i edit the cs file and nothing changed 

has anyone been able to do this successfully? please reply.

all my products have variations with different prices so i dont want the price to show until the user click on the item.

 

 

 

wholsaleuniforms4school.com

[emonerd]

also alot of the code in the js files is faded out can some one help with that

[sandipchandela]

  On 4/5/2016 at 5:57 PM, emonerd said:

can you please specify which line do i edit within the js file i edit the cs file and nothing changed 

has anyone been able to do this successfully? please reply.

all my products have variations with different prices so i dont want the price to show until the user click on the item.

 

 

 

wholsaleuniforms4school.com

In Product-list.css in your respective theme folder.

This will hide price on product list page.

ul.product_list.grid > li .product-container .price { display :none!important;  }

This will hide price on product detail page.

In Product.css in your respective theme folder.

.our_price_display .price,
span#our_price_display { display :none!important;  }

[emonerd]

@archsandy

 

OMG thank u so much i got to hide the price on homepage AWESOME 

 

now i need hide/remove the add to cart button when you hover the items on home page add to cart appears. can you please help me ?

[sandipchandela]

  On 4/6/2016 at 2:45 PM, emonerd said:

@archsandy

 

OMG thank u so much i got to hide the price on homepage AWESOME 

 

now i need hide/remove the add to cart button when you hover the items on home page add to cart appears. can you please help me ?

 

Pls mark your topic as answered or solved. So that post can be easily searchable for community users.

 

To mark a topic as [solved] :

- Edit the first post of your topic by clicking on the "Edit" button,

- Click on the "Use full editor" button,

- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.