Drupal Commerce Blog

What's happening in the world of Drupal Commerce.

DrupalCon Chicago Session Video

DrupalCon Chicago was quite a rush. It was the first Drupal event since we've hit a stable release of the Commerce modules, and the feedback from all directions was extremely positive. The video for my session, Drupal Commerce: Setting up shop on Drupal 7, was posted to archive.org, but the service there isn't the most reliable or feature-rich. As such, I've cross-posted the video to vimeo, so watch away!

Drupal Commerce at DrupalCon Chicago from Ryan Szrama on Vimeo.

The video includes a presentation of the overarching vision and architecture of Drupal Commerce followed by a technical demonstration using the Commerce Guys demo store.

As of DrupalCon Chicago, Drupal Commerce should be considered stable and ready for developers and advanced site builders. We're in solid beta territory and are fixing bugs in preparation for a final 1.0 release. The main limiting factor is the availability and stability of contributed modules.

Ryan Szrama
Posted: Mar 30, 2011

Comments

Alek Boyd (not verified) on March 30, 2011

Hi Ryan, fantastic stuff what you're doing with drupalcommerce. Just a quick question: how did you get the Acquia Prosper theme to work in D7?

I would very much like to migrate from D6 to D7, before it gets too complicated.

Best regards!

opalu on April 7, 2011

a few days ago, after watching this video, I decided to give drupal commerce a try.
instead of force magento to do what I want
I had a lot of fun with d7 and your modules:
http://duesseldorfertanzgala.de
ok, there is still a lot of to do (learn) for me
but today the first tickets where bought.
thank you!

veganline on September 20, 2011

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
[see vital footnote]
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦

http://www.vimeo.com/22748684
[this is a transcript of the sound by one viewer, with a little bit of annotation]
Hullo everybody, this is Ryan Scrama with Commerce Guys.

I wanted to show you today how you can build a taxonomy-based product catalog in drupal commerce as I have done on my demo website. http://demo.commerceguys.com/dc/

if you look over here in my sidbar you will see that I have a catalog Block that lists out catalog catagories ...
["coffee holders", "conference swag", and "wearables"]
...that are actually Taxonomy Terms linking them to their Taxonomy Term Pages:
http://demo.commerceguys.com/dc/catalog/coffee-holders
[this shows differently on the video because it shows the site when logged-on as admin. For admin, the term page shows a coffee holder with two tabs, "view" "edit", a paragraph describing the coffee mug and an add-to-cart form with a drop-down list, that moves your page from the one about black mugs to white mugs]
Term Pages in Drupal 7 have been enhanced a little bit, allowing you to specify custom urls, [eg coffee-holders] allowing you to display a discription on a page, and giving you both a view and a quick edit link here to edit the Taxonomy Term settings.

This particular one - Coffee Holders - has the description and it shows all of my -er different coffee holder products on the demo website.

This ["read more" link under the mug picture] is just a Node Teaser List of product display nodes. The product display node being a special node type that I've made that has both a
♦ Product Reference Field on it, that turns into this handy dynamic Add To Cart Form, and then it also has a
♦ Taxonomy Term Reference Field on it,
which you can see here lets me to tag this node with a particular taxonomy term and links it back to its term page.
http://demo.commerceguys.com/dc/catalog/coffee-holders/mug

1 Create a taxonomy vocabulary
---------------------------------------------------------------------------------------

Now if you wanted to build something like this yourself, the first thing you would need to do, is to create a taxonomy vocabulary for your catalog:
example.com/catalog/coffee-holders/mug#overlay=admin/structure/taxonomy
admin>structure>taxonomy>edit vocabulary [pictures at about 1'24" on the video]

So you can see here my catalog vocabulary, and if we look at the terms I've listed, my three terms are each present, and each one of them has a name, a description, and a custom url alias that just provides a nice search engine friendly url for this term page on the front.

2 Go build a menu; enable a bloc
---------------------------------------------------------------------------------------
Once you've listed out each of your taxonomy terms, the next step is to go build a menu for this.

So I'm going to go to stucture>menus, and you can see here that I have a catalog menu, where I have manually added links to each of the term pages.

[screen shows remembered "search engine friendly url" typed into the box. This can be found by going back to >structure>taxonomy>edit vocabulary to cut-and-paste]

Er - Whenever you create these links you can actually use the search engine friendly path that you have defined, and whenever you save this menu link, it will be converted to the actual Drupal path that has been assigned to that taxonomy term.

Whenever you create a menu you automatically get a block, that you can then enable, to show that menu in any of your sidebars. Here ...

structure>blocks [first option on the structure tab]

...you can see my catalog menu block has been placed into the first sidebar. This is a region in the Corolla theme which now has to be installed after Adaptive Themes Core. Once installed it has a tab on the blocks menu. From that tab you see the options shown in the video, where shopping cart, catalog, user menu and user login are all selected for the first sidebar, and I've configured this bloc...
[from the "configure" link on the "catalog" line]
...to not appear on checkout pages - notice I've used checkout asterisk so it will block all of the checkout pages, so that whenever you go to checkout and are in any step of the checkout process, er you do not have a sidebar. I did this to reduce distraction and noise on the checkout form so that the customer doesn't have distraction and when they're trying to complete the checkout process and give you their nolas.

Once you have
♦ built the taxonomy vocabulary,
♦ the menu item,
♦ put your bloc in place...

3 Create a Product node type
---------------------------------------------------------------------------------------
the next step is to actually have nodes showing-up in your teaser lists. Drupal Commerce will install a default product type whenever you first enable everything.

store>products second tab is "product type"

On this demo site I also have a T shirt product type, um, for my T-shirt products, er: I'll discuss that in a different screencast [about sized products].

Once you have product types though, the next step is to create a product display node type. So I'm going to go to my Content Types menu.

structure>content type second option on the structure list

You see here I have a product display node type, and the reason being: even though I have product types in the back end, I can list out all the products on my website on the back end, there is no automatic point of display for them on the front end. We've separated-out the front end from the back end in Drupal Commerce, er so that you have a lot more freedom to detirmine how you want to display products to your customers. Whether it's through product display nodes as I am , or some other method involving Views, or Pagemanager and Panels, or something else entirely!

If we look at the fields that I have put on this product display node type, you can see both my product reference field, and my [Taxonomy] Term reference field.

I like the autocomplete textfield wiget...
http://drupal.org/project/autocomplete_widgets
...because it lets me enter products on this node, using the product SKU with the product title with an autocomplete. And I can have as many as I want to, without having to bother with the multi-select select list, or perhaps just an overwhelming checkboxes list if you have many products on the website.

I also have a catalog catagory term reference select list.

So what you do is:
whenever you add a term reference field, you have to choose which vocabulary this is for, and then of course the widget select list autocomplete radios [radio buttons] so that on the product page - which I'll go to this right now - um so that on its edit form, you get to specify how exactly... - I'm denoting which catalog catagory this belongs to. So you can see here my Product Reference Field with the autocomplete, my catalog term reference field with the select list, and again how this is presented on the front end, with an add to cart form, and a link going back to the term page.

Well those are all the things that you need to know, to build your taxonomy based drupal commerce product catalog. Let me pull-up a .pdf here that shows you the different steps: [the order is slightly different on the .pdf]

♦ Create a "Catalog" taxonomy vocabulary, with terms for each of your categories.

♦ Create a "Product display" node type using a product reference field and a term reference field, and create nodes for your products.

♦ Create a "Cataolog" menu and display its block.

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
vital footnote
♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦

[There isn't a video on installing Kickstart, for example after a one-click scripted installation of Drupal. The files Kickstart files don't look like Drupal files for FTP installation either and the instructions are only for those who understand this:

"Installing with Commerce Kickstart
...a current bug in the installation profile packaging system on drupal.org prevents us from packaging a release. We'll host a zipped version here ASAP, but in the meantime it is available through its Git repository.."]

There's some discussion of this on a forum thread

Less vital footnote: I transcribed this for myself with comments and then posted to the web. Hope it's clear what's me and what's transcript and I'm happy to change any muddled bits - veganline.

veganline on November 27, 2011

http://vimeo.com/24275526 "First Steps in Drupal Commerce" at Colerado 2011 (making a Drupal Commerce site from scratch) Now with a transcript on:
http://veg-buildlog.blogspot.com/2011/11/httpvimeo.html

I've posted on another site because it's a bit informal and someone might want to post a more structured version here. I haven't worked out how the speech relates to what menu choices are selected on screen for example.

I still have to work-out why it's difficult to set-up a drupal commerce site. I thought it was the lack of step-by-step instructions for those who are in the dark, but it seems to be the difficulty of knowing what is difficult and needs to be stepped-through. Those who give lectures state that it's the concept. There are other problems about loading Kickstart, my shared server host tells me.

Hope this helps someone.