First off, you need to add the ‘price’ field to your index. You do that by adding the following code to your child theme’s functions.php
function algolia_wc_post_shared_attributes( array $shared_attributes, WP_Post $post) {
//$shared_attributes['visits_count'] = vm_get_post_visit_count( $post->ID );
$product = wc_get_product( $post );
// Extract prices.
$variations_count = 0;
if ( $product instanceof WC_Product_Variable ) {
$price = $product->get_variation_price( 'min', true );
$regular_price = $product->get_variation_regular_price( 'min', true );
$sale_price = $product->get_variation_sale_price( 'min', true );
$max_price = $product->get_variation_price( 'max', true );
$variations_count = count( $product->get_available_variations() );
} else {
$price = $max_price = $product->get_display_price();
$regular_price = $product->get_display_price( $product->get_regular_price() );
$sale_price = $product->get_display_price( $product->get_sale_price() );
}
$shared_attributes['product_type'] = (string) $product->get_type();
$shared_attributes['price'] = (float) $price;
$shared_attributes['regular_price'] = (float) $regular_price;
$shared_attributes['sale_price'] = (float) $sale_price;
return $shared_attributes;
}
add_filter( 'algolia_post_product_shared_attributes', 'algolia_wc_post_shared_attributes', 10, 2 );
Once this is done, you will need to re-index your posts/products indices from within Algolia dashboard in your WordPress Admin. This is a very important step.
The next step is to add the code to display this “price” field in the InstantSearch results. You will add the following code (around Line 33) of your child theme’s instantsearch.php
<div class="ais-hits--content">
<h2 itemprop="name headline"><a href="{{ data.permalink }}" title="{{ data.post_title }}" itemprop="url"><code>data._highlightResult.post_title.value</code></a></h2>
<div class="ais-hits--price">${{ data.price }}</div>
</div>
There is one more step. This new “price” field has been added to your Products index, not the Searchable Posts Index. Therefore, you will need to switch to using your Products index in your child theme’s instantsearch.php (around Line 50) like so:
/* Instantiate instantsearch.js */
var search = instantsearch({
appId: algolia.application_id,
apiKey: algolia.search_api_key,
indexName: algolia.indices.posts_product.name,
urlSync: {
mapping: {'q': 's'},
trackedParameters: ['query']
},
searchParameters: {
facetingAfterDistinct: true,
highlightPreTag: '__ais-highlight__',
highlightPostTag: '__/ais-highlight__'
}
});
