Book Image

Building E-commerce Sites with Drupal Commerce Cookbook

By : Richard Carter
Book Image

Building E-commerce Sites with Drupal Commerce Cookbook

By: Richard Carter

Overview of this book

<p>Get to grips with Drupal Commerce, the new ecommerce framework based on the Drupal CMS , one of the most popular and powerful open source content management systems available.<br /><br />"Building E-commerce Sites with Drupal Commerce Cookbook" takes you through the installation, configuration, and customisation of your Drupal Commerce store. With clear, practical recipes with plenty of screenshots and tips this book will help you build attractive and profitable eCommerce sites.<br /><br />This book starts by showing you how to install and configure your Drupal Commerce store. Once your shop is up and running, you’ll then learn how to customise and optimise it to make it stand out and display your products better.<br /><br />Going further into customisation, you will learn to add custom product types before creating a stylish new Drupal theme for your store. Packed with tips, this book will also help guide you through common problems, as well as optimising and managing your store on a day to day basis.<br /><br />"Building E-commerce Sites with Drupal Commerce Cookbook" will guide you through everything you need to know to get your online store up and running and selling your products, with easy step-by-step guides and screenshots to help walk you through everything.</p>
Table of Contents (17 chapters)
Building E-commerce Sites with Drupal Commerce Cookbook
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Adding social media icons on product pages


With the popularity of social networks such as Twitter, Facebook, Google+, and Pinterest remaining strong, integrating tools to help your customers share your products with their friends can be an excellent way to grow your customer base.

This recipe will show you how to customize your Drupal Commerce store to include social media share buttons on your store's product pages.

Getting started

Log in to your Drupal Commerce administration panel with your administrator account.

Tip

If you didn't use Commerce Kickstart to install Drupal Commerce, you will need to.

How to do it...

To add your chosen social networks to your Commerce product pages, you need to use a module package with Commerce Kickstart:

  1. Navigate to Modules in your administration panel. In the menu in the left-hand column, you'll see a tab for Commerce Kickstart modules. Click on this to view a list of available Commerce Kickstart modules.

  2. Scroll down the list of modules until you come to the Commerce Kickstart Social module, and enable it by checking the box:

  3. Click on the Save configuration button in the left-hand column to enable the module; it is located under the list of module groupings:

  4. If you haven't enabled one or more of the modules required by the Kickstart Commerce Social module, you'll be prompted to enable them on the next screen. Select Continue:

  5. Enabling the module does two things: it adds a block to your store's footer with links to various social media platforms, and it adds share tools on your product pages. View the frontend of your website and look in the footer, and you will see them as follows:

    If you can't see these appear, you may need to assign them.

  6. By default, these link to Commerce Guys' profiles, so ensuring you are logged in as an administrator, hover over the block and then select the List links option from the drop-down menu:

  7. This will present you with a list of the links. Select edit in the Operations column:

  8. You can now edit the URL of your social media profile with the Path field and the label for the link with the Menu link title field:

  9. Click on the Save button at the bottom of the screen once you are finished.

  10. Return to the frontend of your store and navigate to a product page, and you will see the share tools from Facebook, Google+, and Twitter: