Support

It's okay. We're here to help.

Adding Facebook “Like” and Twitter “Tweet” Buttons

facebook_like_button: layout, show_faces, width, action, font, colorscheme

Add a Facebook Like button to your products page to let shoppers share their love for your stuff onto Facebook. Each “Like” button belongs to the individual product separate product.

Options
  • layout: ‘standard’ (default), ‘button_count’, or ‘box_count’
  • show_faces: ‘false’ (default) or ‘true’
  • width: 312 (default)
  • action: ‘like’ (default), ‘recommend’
  • font: ‘lucida grande’ (default), ‘arial’, ‘segoe ui’, ‘tahoma’, ‘trebuchet ms’, ‘verdana’
  • colorscheme: ‘light’ (default), ‘dark’ – change to ‘dark’ if you have a dark background color.
Examples
Basic 
{{ product | facebook_like_button }}
With customization 
{{ product | facebook_like_button:'button_count','true','250','recommend','arial','dark' }}

More info: Facebook Like Button Documentation (Facebook.com)

Note: If you’re using a dark background for your store, you’re going to want to use the ‘dark’ color scheme setting for the like button like this: {{ product | facebook_like_button:'standard','false','312','like','lucida grande','dark' }}

tweet_button: count_type

Let shoppers easily tweet your products with Twitter’s official Tweet button.

Options
  • count_type: ‘horizontal’ (default), ‘vertical’, or ‘none’
Examples
Basic 
{{ product | tweet_button }}
With Customization 
{{ product | tweet_button: 'vertical' }}

More info: Tweet Button Documentation (Twitter.com)

Note: These social buttons point to your product in the Storenvy marketplace rather than within your own storefront. This is because we have pre-configured the markup on the marketplace pages to be compatible with the Facebook Open Graph.

Back to Store Customization