Table of Contents for
Magento 2 - Build World-Class online stores

Version ebook / Retour

Cover image for bash Cookbook, 2nd Edition Magento 2 - Build World-Class online stores by Jonathan Bownds Published by Packt Publishing, 2017
  1. Cover
  2. Table of Contents
  3. Magento 2 - Build World-Class online stores
  4. Magento 2 - Build World-Class online stores
  5. Credits
  6. Preface
  7. 1. Module 1
  8. 1. Magento Fundamentals
  9. XAMPP installation
  10. Magento
  11. Summary
  12. 2. Magento 2.0 Features
  13. An introduction to the Magento order management system
  14. Magento 2.0 command-line configuration
  15. The command-line utility
  16. Summary
  17. 3. Working with Search Engine Optimization
  18. Store configuration
  19. SEO and searching
  20. SEO catalog configuration
  21. Google Analytics tracking code
  22. Optimizing Magento pages
  23. Summary
  24. 4. Magento 2.0 Theme Development – the Developers' Holy Grail
  25. Magento 2.0 theme structure
  26. The Magento Luma theme
  27. Magento theme inheritance
  28. CMS blocks and pages
  29. Custom variables
  30. Creating a basic Magento 2.0 theme
  31. Summary
  32. 5. Creating a Responsive Magento 2.0 Theme
  33. Composer – the PHP dependency manager
  34. Building the CompStore theme
  35. CSS preprocessing with LESS
  36. Applying new CSS to the CompStore theme
  37. Creating the CompStore logo
  38. Applying the theme
  39. Creating CompStore content
  40. Customizing Magento 2.0 templates
  41. Summary
  42. 6. Write Magento 2.0 Extensions – a Great Place to Go
  43. Using the Zend framework
  44. Magento 2.0 extension structure
  45. Developing your first Magento extension
  46. The Twitter REST API
  47. The TweetsAbout module structure
  48. Using TwitterOAuth to authenticate our extension
  49. Developing the module
  50. Summary
  51. 7. Go Mobile with Magento 2.0!
  52. Adjusting the CompStore theme for mobile devices
  53. The Magento 2.0 responsive design
  54. The Magento UI
  55. Implementing a new CSS mixin media query
  56. Adjusting tweets about extensions for mobile devices
  57. Summary
  58. 8. Speeding up Your Magento 2.0
  59. Indexing and caching Magento
  60. Indexing and re-indexing data
  61. The Magento cron job
  62. Caching
  63. Fine-tuning the Magento hosting server
  64. Selecting the right Magento hosting service
  65. Apache web server deflation
  66. Enabling the expires header
  67. Minifying scripts
  68. Summary
  69. 9. Improving Your Magento Skills
  70. Magento knowledge center
  71. Improving your Magento skills
  72. Summary
  73. 2. Module 2
  74. 1. Magento 2 System Tools
  75. Installing Magento 2 sample data via GUI
  76. Installing Magento 2 sample data via the command line
  77. Managing Magento 2 indexes via the command line
  78. Managing Magento 2 cache via the command line
  79. Managing Magento 2 backup via the command line
  80. Managing Magento 2 set mode (MAGE_MODE)
  81. Transferring your Magento 1 database to Magento 2
  82. 2. Enabling Performance in Magento 2
  83. Configuring Redis for backend cache
  84. Configuring Memcached for session caching
  85. Configuring Varnish as the Full Page Cache
  86. Configuring Magento 2 with CloudFlare
  87. Configuring optimized images in Magento 2
  88. Configuring Magento 2 with HTTP/2
  89. Configuring Magento 2 performance testing
  90. 3. Creating Catalogs and Categories
  91. Create a Root Catalog
  92. Create subcategories
  93. Manage attribute sets
  94. Create products
  95. Manage products in a catalog grid
  96. 4. Managing Your Store
  97. Creating shipping and tax rules
  98. Managing customer groups
  99. Configuring inventories
  100. Configuring currency rates
  101. Managing advanced pricing
  102. 5. Creating Magento 2 Extensions – the Basics
  103. Initializing extension basics
  104. Working with database models
  105. Creating tables using setup scripts
  106. Creating a web route and controller to display data
  107. Creating system configuration fields
  108. Creating a backend data grid
  109. Creating a backend form to add/edit data
  110. 6. Creating Magento 2 Extensions – Advanced
  111. Using dependency injection to pass classes to your own class
  112. Modifying functions with the use of plugins – Interception
  113. Creating your own XML module configuration file
  114. Creating your own product type
  115. Working with service layers/contracts
  116. Creating a Magento CLI command option
  117. 3. Module 3
  118. 1. Planning for Magento
  119. Technical considerations
  120. Global-Website-Store methodology
  121. Planning for multiple stores
  122. Summary
  123. 2. Managing Products
  124. Managing products the customer focused way
  125. Creating products
  126. Managing inventory
  127. Pricing tools
  128. Autosettings
  129. Related products, up-sells, and cross-sells
  130. Importing products
  131. Summary
  132. 3. Designs and Themes
  133. The concept of theme inheritance
  134. Default installation of design packages and themes
  135. Installing third-party themes
  136. Inline translations
  137. Working with theme variants
  138. Customizing themes
  139. Customizing layouts
  140. Summary
  141. 4. Configuring to Sell
  142. Payment methods
  143. Shipping methods
  144. Managing taxes
  145. Transactional e-mails
  146. Summary
  147. 5. Managing Non-Product Content
  148. Summary
  149. 6. Marketing Tools
  150. Promotions
  151. Newsletters
  152. Using sitemaps
  153. Optimizing for search engines
  154. Summary
  155. 7. Extending Magento
  156. The new Magento module architecture
  157. Extending Magento functionality with Magento plugins
  158. Building your own extensions
  159. Summary
  160. 8. Optimizing Magento
  161. Indexing and caching
  162. Caching in Magento 2 – not just FPC
  163. Tuning your server for speed
  164. Summary
  165. 9. Advanced Techniques
  166. Version control
  167. Magento cron
  168. Backing up your database
  169. Upgrading Magento
  170. Summary
  171. 10. Pre-Launch Checklist
  172. System configurations
  173. Design configurations
  174. Search engine optimization
  175. Sales configurations
  176. Product configurations
  177. Maintenance configurations
  178. Summary
  179. Index

Create products

Eventually, after creating attributes and sets, it comes down to adding products. Magento 2 uses the same types of product as Magento 1. This also includes Magento 2 Enterprise.

The product types we can choose from are: Simple Product, Configurable Product, Grouped Product, Virtual Product, Bundle Product, Downloadable Product, and, for the Enterprise Edition (EE), Gift Card.

Depending on the products you would like to sell, you may use one or two of the types. The most used types are Simple and Configurable Products because they rely on one another when you sell shoes, for example.

Product type definitions are as follows:

  • Simple Product: A Simple Product in Magento is a physical product. There are no options such as size or color that the end user can pick during the order. One example of a Simple Product type is a broom or umbrella.
  • Configurable Product: A combination of Simple Products organized with different colors, sizes, or other attributes is called a Configurable Product. One example of a Configurable Product is a shoe or shirt.
  • Grouped Product: A Grouped Product is a collection of Simple Products related to one another. Each Simple Product could be sold separately, but is cheaper as a set. One example of a Grouped Product is a camera plus a photo bag and memory card. This set might offer a special price.
  • Virtual Product: A Virtual Product is a non-physical product. One example of a Virtual Product is a service warranty for your computer or a membership.
  • Bundle Product: A Bundle Product is an extension of a Grouped Product. A Grouped Product does not have the option to configure different choices. But this can be managed using a Bundle Product. One example of a Bundle Product is a building a computer; a customer can choose from a set of different hard disks, monitors, CPUs, memory, and so on.
  • Downloadable Product: A Downloadable Product is a non-physical product. One example of a Downloadable Product is software or an eBook; you can download them online.
  • Gift Card (EE only): A Gift Card can be a physical, virtual, or combined product. This is used as a store credit and can be sold as a gift.

Besides the regular ones, it is possible you may need extra options, depending on your product base. In Magento 1, additional third-party modules, such as Configurable Bundles, Events, Training, Rental, and Recurring, could be bought and installed to manage this.

Using product types is now easier than ever. Magento 2 created a user-friendly flow for configuring Configurable Products on the fly.

Getting ready

To step through this recipe, you will use a Droplet created in Chapter 1, Magento 2 System Tools, at DigitalOcean (https://www.digitalocean.com/). We will be using an NGINX, PHP-FPM, Composer-based setup with a single Magento 2 website, Root Catalog, store view, categories, and attributes preinstalled. No other prerequisites are required.

How to do it...

For the purpose of this recipe, let's assume that we need to create Configurable Product for Magento 2. The following steps will guide you through them:

  1. First, log in to the backend of Magento 2 and go to Products | Catalog. Click on the Add Product button and continue with the following information:

    Product Details

    Name

    Ellis Flat

    SKU

    shw005

    Price

    250.00

    Tax Class

    Taxable Goods

    Images and Videos

    Download the images here: https://github.com/mage2cookbook/chapter4

    Quantity

    100

    Weight

    Yes

    Categories

    Shoes

    Description

    Suede upper. Rubber 0.5" heel. Domestic.

  2. Now hit the Save button. As you can see, you stay in the same screen while your data is being saved. When you want to Save & Close then choose from the drop-down arrow and continue.
  3. Open a new tab in your browser, click the drop-down arrow in the top-right corner, and choose Customer View. This trick will open up a new tab and launch your home page.
  4. Go to your Shoes menu and the newly created product should be visible. In some situations, it is best to clear your cache first if you are having issues.
  5. Congratulations, you just finished creating a Simple Product in Magento 2.

    Now let's go back to our backend and open up the newly created product. Next we are going to set our attribute set we created earlier in this chapter. This option is located above the Product Details title. Here we choose the Shoes attribute set, as shown in the following screenshot:

    How to do it...
  6. After choosing the option, you will see that Magento 2 has loaded a new menu called Shoes under the Search Engine Optimization menu.
  7. Next scroll to the bottom and open up the Configurations drop-down menu. Click the Create Configurations button. This is shown in the following screenshot:
    How to do it...
  8. Next we will use one of the brand new features of Magento 2. This workflow helps to create Configurable Product on the fly. Depending on the attributes, the list of attributes could be long. For now, we pick the shoe_size option. Continue to the next step by hitting the Next button in the top-right corner, as shown in the following screenshot:
    How to do it...
  9. A list shows all the attribute values we created earlier. Click Select All and continue to the next step, as shown in the following screenshot:
    How to do it...
  10. Step 3: Bulk Images, Price, and Quantity to create a Configurable Product is an important step. Commit a price and quantity here, otherwise the product will not show up on the screen (adjusting the value later is straightforward using the same flow). Select Apply single price to all SKUs and Apply single quantity to each SKU and fill in 250 for the Price and 100 for the Quantity. Continue to the next step, as shown in the following screenshot:
    How to do it...
  11. Depending on the values in the attribute list, Associated Products are created. Now click the Generate Products button and all of them are created, as shown in the following screenshot:
    How to do it...
  12. Now save the new setup and check in your browser; the result should be as shown in the following screenshot:
    How to do it...
  13. Congratulations, you just finished creating a Configurable Product in Magento 2.
  14. Now go to https://github.com/mage2cookbook/chapter4#creating-products and continue to the rest of the Shoes and Clothes products. After creating a minimum of two products, our catalog navigation filter (layered navigation) pops up and looks like this:
    How to do it...

How it works…

Let's recap and find out what we did throughout this recipe. In steps 1 through 13, we created a Configurable Product using the new Magento workflow.

In steps 1 through 4, we created a Simple Product and connected it to the attribute set. This product will be the starting point for creating a Configurable Product.

In steps 8 through 11, we used the configurations workflow to select the attributes related to this product and set its values. Depending on the setup, we can apply a single price, image, or quantity to all of the Simple Products created during this process.

There's more…

By default, when creating a product, Magento 2 starts with a Virtual Product. When changing settings such as Weight (Does this have a weight?) to Yes, the product switches to a Simple Product. The same goes for Downloadable and Configurable Product.

This new technique is stunning and a great benefit for store owners. Everybody can now create and change products on the fly.

Bundle and Grouped Products, on the other hand, are more like Magento 1. You first need to choose the product type using the drop-down arrow in the Add Product button and then continue the same flow, as shown in the following screenshot:

There's more…