Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Add social sharing buttons for your Spree products
Ruby HTML CSS CoffeeScript

Decorate base helper instead.

The current helper was not applied so better to decorate
Spree::BaseHelper with social methods. Also the absolute_image_url was
used in view but private so we made it public.
latest commit dc87b4c70c
@futhr futhr authored

Spree Social Products

Build Status Code Climate

A Spree extension that allows you to add social network sharing buttons (e.g. the Facebook like button) to your product pages.

There is some default styling that works well with the default spree theme, but this can be overrided.



Add this extension to your Gemfile:

gem 'spree_social_products', github: 'spree-contrib/spree_social_products', branch: 'master'

Then run:

bundle install

If you would like to use the default styles you can run:

bundle exec rails g spree_social_products:install

in order to copy over the required css files.


Enabled social networks will show up on product detail pages. In order to disable/enable social networks, head to Admin -> Configuration -> Social Sharing Settings.

NOTE: To enable the Facebook like button, you must update the Spree::Social::Config.facebook_app_id setting with your Facebook application ID. You can update this setting by running the following in the rails console:

Spree::Social::Config.facebook_app_id = 'YOUR_FACEBOOK_APP_ID'

Additionally, you may further customize the looks of the Facebook like button with the settings shown below with their default values and other possible values in comments:

Spree::Social::Config.facebook_layout = 'standard'      # button_count, box_count
Spree::Social::Config.facebook_show_faces = false       # true
Spree::Social::Config.facebook_verb_to_display = 'like' # recommend
Spree::Social::Config.facebook_color_scheme = 'light'   # dark
Spree::Social::Config.facebook_send_button = false      # true

You may refer to to preview the looks of different settings.


See corresponding guidelines

Copyright (c) 2010-2015 John Dyer and other contributors. released under the New BSD License

Something went wrong with that request. Please try again.