Bootstrap + Drupal Commerce in less than 45 minutes! by Jorge Diaz

Transcription

1 Bootstrap + Drupal Commerce in less than 45 minutes! by Jorge Diaz

2 About me My name is Jorge Diaz and I ve been working with Drupal for more than 8 years. I work as a Drupal Themer & Front-End Developer at EvolvingWeb, a Montreal based Drupal Consulting, development and training company.

3 About me I was born in the magical city of Havana, 30 years ago but Drupal brought me here.

4 What do we do at EW Drupal Consulting, development and training. Founded in 2007 by Alex and Suzanne. Help organizations build awesome Drupal websites with custom functionality.

5 Projects

6 My intention in the next 45 minutes Create a simple Online Store based on the most flexible open source backend PHP framework (Drupal) and the most popular front end one (Bootstrap). Demystify the fact that Drupal is that hard to learn/use or even switch to from Wordpress, Joomla or even other similar solution.

7 My intention in the next 45 minutes

8 Who will enjoy this? Web Designers Front-End Developers Drupal Themers Drupal Site Builders Anyone who wants to know how to build a Bootstrap + DrupalCommerce in less than 45 minutes

9 Who won t?

10 There are some topics I will just not talk about How to install a Drupal site. Themes basic concepts. How to install a Module. How does a basic View works. Content Types theory.

11 Let s get started

12 What we will need 1 Fresh Drupal install 11 Contributed Modules 1 Contributed Theme No PHP coding (I promise just to Click) Only 4 lines of CSS 1 Paypal Sandbox Account Some Sample data to see things working

13 The Result Fully working online store where visitors can pay for products and then your customer will be able to process orders by his own.

14 To the browsers! Now!

15 Lets Review what we just did

16 Lets Review what we just did

17 Drupal is the pivot point of your solution All Content Management All Role/Permission System Flexibility, Extensibility and Scalability Future Support and Fixes

18 Sample Data always matter Devel Generate Realistic Dummy Content

19 I used Bootstrap, but you can choose your own

20 Bootstrap isn t the only way Omega Theme SASS Integration 90,756 reported installs Adaptive Theme 58,839 reported installs Adaptive Theme SASS Integration 125,677 reported installs

21 Bootstrap is just one more Bootstrap Theme LESS Integration 70,627 reported installs

22 It s not all a bed of roses Latest Bootstrap Works with version is Bootstrap Last stable release was on Nov-17 and has 160 Open Issues, most of them new upgrades support

23 Front-End Framework & Drupal Theme Relies on External Front-End Frameworks Theme Developers create the Front-End Frameworks

24 Front-End Framework & Drupal Theme Relies on External Front-End Frameworks Theme Developers create the Front-End Frameworks Drupal Theme Developers only need to Focus on Theme Specific Settings. Theme is much more stable in terms of progress and releases. Sometimes the Front-End framework goes too fast for Drupal Developers to be up to date. Drupal Front-End Frameworks use to be not that powerful as other Non-Drupal are.

25 DrupalCommerce

26 This is just a demo

27 So lets get back to real life

28 Who else uses Drupal Commerce? drupalcommerce.org /showcase/

29 Want to dig more? drupalcommerce.org/ faq/training

30 We also provide Training at EvolvingWeb

31 Training at EvolvingWeb 1/3 BEGINNER Introduction to Drupal Introduction to WordPress Introduction to HTML & CSS Training

32 Training at EvolvingWeb 2/3 INTERMEDIATE Drupal 7 Multilingual Drupal 7 Panels Drupal 7 Site Building Drupal 7 Views Configuration Drupal Web Experience Toolkit Intermediate CSS Responsive Design Building a Search Interface with Drupal Drupal E-Commerce Training

33 Training at EvolvingWeb 3/3 ADVANCED Drupal 7 Module Development Drupal 7 Responsive Design Drupal 7 Theming

34 Thanks!!!

35 Questions?

36 All images used in this presentation are property of their respective owners and are not intended for commercial purpose. Were all obtained from Drupal is a registered trademark of Dries Buytaert. All logos used in this presentation are property of their respective owners.