How to add a subscription widget to featured products

To add the RecurrinGO! Subscriptions widget to featured products or a featured collection, you should do the following:

Go to the theme code editing section in the admin panel of your web store Online Store > Themes > … (Actions) > Edit code.

In the Snippets directory, click + Add a new snippet.

In the pop-up, enter the File name spurit_ros_featured_product_snippet and click Done.

Paste the following code and click Save.

<script>
if(typeof(Spurit) === 'undefined'){
var Spurit = {};
}
if(!Spurit.RecurringOrderAndSubscriptions){
Spurit.RecurringOrderAndSubscriptions = {};
}
if(!Spurit.RecurringOrderAndSubscriptions.snippet){
Spurit.RecurringOrderAndSubscriptions.snippet = {};
}
if(!Spurit.RecurringOrderAndSubscriptions.snippet.products){
Spurit.RecurringOrderAndSubscriptions.snippet.products = {};
}
{% if product %}
Spurit.RecurringOrderAndSubscriptions.snippet.products['{{product.id}}'] = {
id: {{product.id}},
title: '{{product.title}}',
handle: '{{product.handle}}',
collections: {{product.collections | map: 'id' | json}},
variants: [],
{% if product.requires_selling_plan %}
requires_selling_plan: true,
{% else %}
requires_selling_plan: false,
{% endif %}
};
{% for variant in product.variants %}
Spurit.RecurringOrderAndSubscriptions.snippet.products['{{product.id}}'].variants.push({
id: {{variant.id}},
title: '{{variant.title}}',
price: {{variant.price}},
});
{% endfor %}
{% endif %}
</script>

Go to Sections and open the featured-product.liquid file to add the subscription widget to a featured product or featured-collection.liquid to add it to a featured collection. The file name can vary for different themes. If you don’t find the featured-product.liquid or featured-collection.liquid file, go to Templates, open index.json, and find there the block responsible for featured products.

Render the snippet with {% render 'spurit_ros_featured_product_snippet', product: product %}

If you have difficulties with adding the subscription widget to the featured products / collection, our support team is ready to help.