Can the price be hidden for specific products?

FAQ: Can the price be hidden for specific products?

This can be achieved by adding specific Javascript code. You will need to follow 2 steps described below.

Step 1. Mark required products

1. Find a product in the Manage Products grid and click on Edit Product
2. Go to Full Description, click on the View HTML button and add the following code snippet (before or after the product description, if present):

<div class="specific skip"></div>

3. Go to Short Description, click on the View HTML button and add the following code snippet (before or after the product description, if present):

<div class="specific skip"></div>

Note: please ensure the 'Display Short Description' checkbox is ticked in the Edit Webiste > Format Product Display > Product Attributes screen.

4. Click Done to save changes


Step 2. Adding specific Javascript code to the HEAD section

Go to Manage Website > Edit Webmaster Verification and enter the following code snippet:

<script type="text/javascript">
$(document).ready(function(){
$(".text .specific").parents(".block").addClass("specific");
$(".specific .priceBlock").addClass("skip");
$(".specific .productPriceBlock .total").addClass("skip");
$(".specific .relatedProductListThbBlock .priceBlock").removeClass("skip");
});
</script>

Once this has been done, check products display in the site preview and if everything is OK, publish the site for the changes to be applied online

Please note, that the product prices won't be shown for specified products on the Product Details page, in the Featured Products List and in the Product List (the 'Thumbnail Image Grid' display format ) only. 
Provided javascript code won't hide product option prices. 

In the example below the price value is hidden for Toshiba

Product List


Product Details Page

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.