Urban Hipster - Commerce 2 & Drupal 8 Demo

This is a full Commerce 2 demo website built on Drupal 8. It has been built for 3 reasons:

1. So that people can view, interact and login to an actual working demo site.
2. So that developers can install, trial and review code and configuration.
3. So that the community can see and discuss what Drupal Commerce includes basically out of-the-box.

NOTE: This is NOT intended to be a base for building a new project, for that we recommend generating your own composer files or use the Commerce Kickstart.

Welcome!

The Urban Hipster demo site has been designed, built and maintained by Acro Media Inc. in order to showcase a working demo of Commerce 2 on Drupal 8. Our goal is to provide an enterprise level example of what can be done out-of-the-box with general software configuration and theming.

Please understand that while we strive to keep the site and its components updated to the latest versions, there may be times where we lag behind a bit.

If you notice any bugs, please submit an issue. We’ll do our best to keep on top of things.

Where to start?

View the demo site

If you still haven’t seen the demo site, check it out!.

Click around, take the interactive guided tours, go through the checkout flow, whatever. This site is made so that you can truly experience what Commerce 2 and Drupal 8 offer as a standard.

Get a personalized tour

If you’d like to have one of our experts go through the site with you and discuss how things work, use the demo site chat or send us a message. We’ll set something up that works around your schedule. You can contact us through are website here.

Developer access

If you’d like to setup a copy of the demo yourself, follow these instructions.

Option A: Lando dev environment

Requirements

• Lando
• General knowledge on how to use this tool

To setup the demo

1. Clone or download the files.
2. Cd into the cloned repo and run lando start.
3. Once Lando has finished spinning up the environment, run lando composer install.
4. Extract dumps/files.tar.gz into web/sites/default.
5. Extract dumps/database.sql and run lando db-import database.sql.
6. Configure your settings.php or local.settings.php to include the following:

   $databases['default']['default'] = array(
     'driver' => 'mysql',
     'host' => 'database',
     'username' => 'drupal8',
     'password' => 'drupal8',
     'database' => 'drupal8',
     'prefix' => '',
   );
   
   $settings['trusted_host_patterns'] = array(
     '^uh\.lndo\.site$',
   );
   

7. View the site!
8. Login with username and password as demoadmin.
   • NOTE: demoadmin does have some restrictions. If you'd prefer to login as a full admin, use Drush from the /web root to get a one-time admin login. Drush 9 is included in the vendor dir, so run ../vendor/drush/drush/drush uli.
9. Go to yoursite.com/admin/config/search/search-api and edit the server named Solr.
10. Change Solr host to solr and save.
11. Reindex the Product and POS indexes.
12. Update site and store email addresses entered in the following locations:
    • Site: yoursite.com/admin/config/system/site-information
    • Stores (each store): yoursite.com/admin/commerce/config/stores
    • Order types (each type): yoursite.com/admin/commerce/config/order-types
    • Webforms (each form): yoursite.com/admin/structure/webform

Option B: Local dev environment

Requirements

• Composer
• PHP 7.1 or higher
• MariaDB, MSQL, or equivalent
• Apache, NGINX, or equivalent
• Apache Solr 7.x
• General knowledge on how to setup a website server and use these tools

To setup the demo

1. Clone or download the files.
2. Cd into the cloned repo and run composer install.
3. Extract dumps/files.tar.gz into web/sites/default.
4. Create a database and import dumps/database.sql.
5. Configure your settings.php or local.settings.php to use the newly created database.
6. Setup Apache Solr cores for the site to use - one for product search and one for the Point of Sale search (use Solr 7.x).
7. Get your hosting setup (local or otherwise). The web root is /web.
8. View the site!
9. Login with username and password as demoadmin.
   • NOTE: demoadmin does have some restrictions. If you'd prefer to login as a full admin, use Drush from the /web root to get a one-time admin login. Drush 9 is included in the vendor dir, so run ../vendor/drush/drush/drush uli.
10. Enter your Solr cores within ‘Configure Standard Solr Connector’ at yoursite.com/admin/config/search/search-api.
11. Reindex the product and point of sale indexes.
12. Update site and store email addresses entered in the following locations:
    • Site: yoursite.com/admin/config/system/site-information
    • Stores (each store): yoursite.com/admin/commerce/config/stores
    • Order types (each type): yoursite.com/admin/commerce/config/order-types
    • Webforms (each form): yoursite.com/admin/structure/webform

Issues

Bugs

If you notice any bugs, please submit an issue. We’ll do our best to keep on top of things. Any bugs found for specific modules should be directed to that modules issue queue on Drupal.org.

Demo setup

Please note, our team is busy completing service work for clients, and thus, we will not be able to help you with setting up the demo on your own. If you’re having trouble, some things that could cause your issue are:

• Is your site running on PHP 7.1 or higher?
• Are your Drupal file & folder permissions correct?
• Flush caches (i.e. through Drupal UI or run ../vendor/drush/drush/drush cr from within /web)
• Update entities (i.e. run ../vendor/drush/drush/drush entup from within /web)
• Update database (i.e. run ../vendor/drush/drush/drush updb from within /web)
• Solr server can be reached and indexes have been rebuilt?
• Have you consulted the software/tool documentation?

If those don’t help, Google the issue or submit an issue to our issue queue. Google will probably be your best friend :)

Let us set it up for you (and other stuff)

If you’re a business and interested in having Acro Media setup the demo for you, or if you’d like to talk to us about something else, contact us!

Photo Credits

The photos used in this website have been provided by the generous community of photographers at Unsplash (view license).