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

Customizing Drupal Commerce product pages


The product page is one of the most important aspects of your store. A good product page design can showcase your product clearly and make it easy for customers to start purchasing products; a bad product page can dissuade customers from using your store and using a competitor.

Drupal Commerce gives you the ability to customize your store's product pages using Drupal's template override system and a sprinkling of CSS, of course.

Getting started

You will need to create a new Drupal theme to use on your store. See the Creating a new theme for Drupal Commerce recipe.

How to do it...

Customizing your product page can entail a number of techniques. In this example, you will see how to apply your own CSS to the products page and alter the product page's HTML:

  1. By default, here's what your Drupal Commerce product page probably looks like, assuming you are using the Kickstart Omega theme that comes installed and activated by default:

  2. As you can see, it's not the...