Merge pull request magento-commerce/pagebuilder-docs#26

Change magento-devdocs to commerce-docs

Author: dshevtsov

docs/content-types/customize/add-custom-toolbar.md

@@ -82,7 +82,7 @@ define([
 
 ## Step 3: Add toolbar markup
 
-Within your `preview.html` template, use a `div` element (with CSS class and events) to wrap whichever element in your template you want the toolbar to act on. For example, the custom [Quote content type](https://github.com/magento-devdocs/pagebuilder-examples/blob/master/Quote/Custom/view/adminhtml/web/template/content-type/custom-quote/default/preview.html) wraps its `<blockquote>` element within a `div` with the toolbar's CSS class and event binding, as shown here:
+Within your `preview.html` template, use a `div` element (with CSS class and events) to wrap whichever element in your template you want the toolbar to act on. For example, the custom [Quote content type](https://github.com/commerce-docs/pagebuilder-examples/blob/master/Quote/Custom/view/adminhtml/web/template/content-type/custom-quote/default/preview.html) wraps its `<blockquote>` element within a `div` with the toolbar's CSS class and event binding, as shown here:
 
 ```html
 <!--preview.html-->

docs/content-types/extend/add-appearances.md

@@ -235,7 +235,7 @@ Use `_module.less` for import statements
 
 ## Example Module
 
-An example module for this topic is available for download in the [pagebuilder-examples repository](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/BannerApp/Appearance).
+An example module for this topic is available for download in the [pagebuilder-examples repository](https://github.com/commerce-docs/pagebuilder-examples/tree/master/BannerApp/Appearance).
 
 ## Final thoughts
 

docs/content-types/extend/extend-appearances.md

@@ -23,12 +23,12 @@ These steps describe the basic process for adding new style properties to existi
 
 ### Step 1: Create a Page Builder extension module
 
-Use the [PB Modules CLI](https://github.com/magento-devdocs/pbmodules) to create the starting directory structure and files for a Banner extension. Instructions for using PB Modules can be found in the repo [`README.md`](https://github.com/magento-devdocs/pbmodules#pb-modules) file.
+Use the [PB Modules CLI](https://github.com/commerce-docs/pbmodules) to create the starting directory structure and files for a Banner extension. Instructions for using PB Modules can be found in the repo [`README.md`](https://github.com/commerce-docs/pbmodules#pb-modules) file.
 
 1. Navigate to your `<magento-instance-root>/app/code/` directory and run the following command:
 
     ```terminal
-    npx https://github.com/magento-devdocs/pbmodules.git
+    npx https://github.com/commerce-docs/pbmodules.git
     ```
 
 1. Extend the `Banner` and complete the remaining prompts. When finished, you should have a complete directory structure and all the files you need (plus extras) to start extending the Banner.
@@ -166,7 +166,7 @@ Explaining UI component form fields is beyond the scope of this topic, but a few
 
 | Elements            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `fieldset`          | The fieldset `name` should match the name of the fieldset from the Banner's form. The `appearance_fieldset` is common to all the content type forms and, by default, appears at the top of the forms using the `sortOrder` of 10. If you used [PB Modules](https://github.com/magento-devdocs/pbmodules/), the `fieldset` node names were copied from the Banner's form, so you're all set.                                                            |
+| `fieldset`          | The fieldset `name` should match the name of the fieldset from the Banner's form. The `appearance_fieldset` is common to all the content type forms and, by default, appears at the top of the forms using the `sortOrder` of 10. If you used [PB Modules](https://github.com/commerce-docs/pbmodules/), the `fieldset` node names were copied from the Banner's form, so you're all set.                                                            |
 | `field`             | The field `name` should match your `style` node name in your `banner.xml` config file. The same is true if you are adding `attribute`, `css`, `html`, or `tag` nodes; their names should match the field names that supply their values. Fields also have a `sortOrder` you can use to place your field above or below existing fields. The `formElement` for a field describes the HTML form type, such as input, wysiwyg, select, checkbox and more. |
 | `argument > config` | Provides the initial configuration for the field, including the `default` value. We set our default `max_height` field to `400` (px).                                                                                                                                                                                                                                                                                                                  |
 | `settings`          | Provides the field with a label, CSS styling, validation, and other properties as needed.                                                                                                                                                                                                                                                                                                                                                              |

docs/content-types/extend/extend-more-appearances.md

@@ -30,7 +30,7 @@ You may not understand all the details right away, but we hope that by providing
 
 ## Install the example module
 
-To help you get started and follow along, we created an example module you can clone and install from [magento-devdocs/PageBuilderStylingOptions](https://github.com/magento-devdocs/PageBuilderStylingOptions). The instructions for installing the module are provided from the `README` file on the repo.
+To help you get started and follow along, we created an example module you can clone and install from [commerce-docs/PageBuilderStylingOptions](https://github.com/commerce-docs/PageBuilderStylingOptions). The instructions for installing the module are provided from the `README` file on the repo.
 
 For this example module, we chose to extend the `Heading` content type by adding three new Heading fields: `Heading Colors`, `Heading Styles`, and `Heading Opacity`, as shown here:
 

docs/pagebuilder-examples.md

@@ -10,7 +10,7 @@ Learning by example is one of the best ways to absorb the knowledge you need whe
 
 The Page Builder team members created these modules for educational purposes. They are not fully tested or guaranteed to work perfectly. However, we do our best to improve these examples and keep them updated with the latest releases of Page Builder.
 
-You can find all our existing Page Builder examples in the [https://github.com/magento-devdocs/pagebuilder-examples](https://github.com/magento-devdocs/pagebuilder-examples) repo on GitHub. The repo contains two types of example modules:
+You can find all our existing Page Builder examples in the [https://github.com/commerce-docs/pagebuilder-examples](https://github.com/commerce-docs/pagebuilder-examples) repo on GitHub. The repo contains two types of example modules:
 
 -  Extension modules
 -  Custom modules
@@ -19,34 +19,34 @@ You can find all our existing Page Builder examples in the [https://github.com/m
 
 Extension modules are extensions of Page Builder's existing modules. Extending an existing module is often the best way to introduce new functionality to Page Builder. Our current extension modules are described here:
 
--  **[Banner Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/BannerExt/Extension)** — This module shows you how to customize an existing content type: the Banner. This is the completed module featured in the documentation topic [Extend an appearance](https://devdocs.magento.com/page-builder/docs/content-types/extend/extend-appearances.html). Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Banner Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/BannerExt/Extension)** — This module shows you how to customize an existing content type: the Banner. This is the completed module featured in the documentation topic [Extend an appearance](https://devdocs.magento.com/page-builder/docs/content-types/extend/extend-appearances.html). Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Banner Appearance](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/BannerApp/Appearance)** — This module shows you how to add a new appearance to the Banner. This is the completed module featured in the documentation topic [Add appearances](https://devdocs.magento.com/page-builder/docs/content-types/extend/add-appearances.html). Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Banner Appearance](https://github.com/commerce-docs/pagebuilder-examples/tree/master/BannerApp/Appearance)** — This module shows you how to add a new appearance to the Banner. This is the completed module featured in the documentation topic [Add appearances](https://devdocs.magento.com/page-builder/docs/content-types/extend/add-appearances.html). Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Forms Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Forms/Extension)** — This module shows you how to remove fields and fieldsets from Page Builder's built-in forms. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Forms Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Forms/Extension)** — This module shows you how to remove fields and fieldsets from Page Builder's built-in forms. Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Button Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Button/Extension)** — This module shows how to add custom button types. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Button Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Button/Extension)** — This module shows how to add custom button types. Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Columns Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Columns/Extension)** — This module shows how to use breakpoints to control the responsive layout of columns. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Columns Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Columns/Extension)** — This module shows how to use breakpoints to control the responsive layout of columns. Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Deactivate PageBuilder](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Deactivate/PageBuilder)** — This example module shows you how to disable Page Builder for a particular page in Magento, specifically Pages, Blocks, and Dynamic Blocks. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Deactivate PageBuilder](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Deactivate/PageBuilder)** — This example module shows you how to disable Page Builder for a particular page in Magento, specifically Pages, Blocks, and Dynamic Blocks. Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Image LazyLoading](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Image/LazyLoading)** — This module shows how to add lazy loading behavior to the Image content type. For this example, we use the [lazysizes](https://github.com/aFarkas/lazysizes) loader. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Image LazyLoading](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Image/LazyLoading)** — This module shows how to add lazy loading behavior to the Image content type. For this example, we use the [lazysizes](https://github.com/aFarkas/lazysizes) loader. Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Slider Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Slider/Extension)** — This module shows you how to add `centerMode` and `centerPadding` settings from the [slick carousel](https://kenwheeler.github.io/slick/) used by the Slider. Create by [Bruce Denham](https://github.com/bdenham).
+-  **[Slider Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Slider/Extension)** — This module shows you how to add `centerMode` and `centerPadding` settings from the [slick carousel](https://kenwheeler.github.io/slick/) used by the Slider. Create by [Bruce Denham](https://github.com/bdenham).
 
--  **[Text Extension](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Text/Extension)** — This module shows you how to customize the Page Builder's Text toolbar, integrate your own theme's typography, and add TinyMCE's `code` plugin to the toolbar so you can view the HTML code directly. Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Text Extension](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Text/Extension)** — This module shows you how to customize the Page Builder's Text toolbar, integrate your own theme's typography, and add TinyMCE's `code` plugin to the toolbar so you can view the HTML code directly. Created by [Bruce Denham](https://github.com/bdenham).
 
 ## Custom modules
 
 Custom modules create new content types for Page Builder. Creating a new content type is required when you want to introduce a completely new type of content structure to Page Builder. Our current custom modules are described here:
 
--  **[Custom Quote](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Quote/Custom)** — This module shows you how to create a content type for a customer testimonial. This is the completed Quote module featured in the documentation tutorial: [Creating content types](https://devdocs.magento.com/page-builder/docs/content-types/create/introduction.html). Created by [Bruce Denham](https://github.com/bdenham).
+-  **[Custom Quote](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Quote/Custom)** — This module shows you how to create a content type for a customer testimonial. This is the completed Quote module featured in the documentation tutorial: [Creating content types](https://devdocs.magento.com/page-builder/docs/content-types/create/introduction.html). Created by [Bruce Denham](https://github.com/bdenham).
 
--  **[Custom Homepage Grid](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Grid/Custom)** — This module shows you how to create a content type that recreates the layout of the Magento Luma-themed home page using a grid structure with grid items. Created by [Dave Macaulay](https://github.com/davemacaulay).
+-  **[Custom Homepage Grid](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Grid/Custom)** — This module shows you how to create a content type that recreates the layout of the Magento Luma-themed home page using a grid structure with grid items. Created by [Dave Macaulay](https://github.com/davemacaulay).
 
--  **[Custom FAQ](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/FAQ/Custom)** — This module shows you how to create a content type for an FAQ page that uses an accordion for the questions and answers. Created by [Igor Melnikov](https://github.com/melnikovi).
+-  **[Custom FAQ](https://github.com/commerce-docs/pagebuilder-examples/tree/master/FAQ/Custom)** — This module shows you how to create a content type for an FAQ page that uses an accordion for the questions and answers. Created by [Igor Melnikov](https://github.com/melnikovi).
 
 ## Installing the example modules
 
-Use the instructions from the examples repo, found here: [https://github.com/magento-devdocs/pagebuilder-examples#installing-the-example-modules](https://github.com/magento-devdocs/pagebuilder-examples#installing-the-example-modules).
+Use the instructions from the examples repo, found here: [https://github.com/commerce-docs/pagebuilder-examples#installing-the-example-modules](https://github.com/commerce-docs/pagebuilder-examples#installing-the-example-modules).

docs/viewports/add-viewports.md

@@ -11,11 +11,11 @@ By default, Page Builder defines four responsive breakpoints, but only uses two
 ![Add viewports illustration](../images/pagebuilder-adding-viewports.svg)
 
 {: .bs-callout-info }
-**Example available**. An example for adding additional viewports is available for viewing and installing from: [https://github.com/magento-devdocs/pagebuilder-theme](https://github.com/magento-devdocs/pagebuilder-theme). This example uses an Admin theme, which is typically a best practice for production releases. But during development, you might find that using a module helps simplify your daily workflow. Especially if you're starting from scratch. Then you can even use the [PB Modules CLI](https://github.com/magento-devdocs/pbmodules) to create a starting module.
+**Example available**. An example for adding additional viewports is available for viewing and installing from: [https://github.com/commerce-docs/pagebuilder-theme](https://github.com/commerce-docs/pagebuilder-theme). This example uses an Admin theme, which is typically a best practice for production releases. But during development, you might find that using a module helps simplify your daily workflow. Especially if you're starting from scratch. Then you can even use the [PB Modules CLI](https://github.com/commerce-docs/pbmodules) to create a starting module.
 
 ## Steps for adding viewports
 
-1. [Create an Admin theme]() or [Create a module](https://github.com/magento-devdocs/pbmodules). Of course you can skip this step if you already have either one.
+1. [Create an Admin theme]() or [Create a module](https://github.com/commerce-docs/pbmodules). Of course you can skip this step if you already have either one.
 1. [Add a view.xml file](). Use this file to define your configuration data for the additional viewports.
 1. [Add viewport configuration data]()
 1. [Add viewport CSS classes](). Create these classes to change the stage width for a selected viewport.
@@ -147,7 +147,7 @@ So let's add a button icon and CSS for the stage width to make the button look g
 
 Page Builder uses SVG images for its existing viewport button icons. And while you _can_ use other image formats (like .png), we recommend using SVG icons that match Page Builder's existing icons.
 
-For this exercise, you can [download the `switcher-tablet.svg` and `switcher-mobile-small.svg` images](https://github.com/magento-devdocs/pagebuilder-examples/tree/master/Columns/Extension/view/adminhtml/web/css/images/switcher) from our example repo.
+For this exercise, you can [download the `switcher-tablet.svg` and `switcher-mobile-small.svg` images](https://github.com/commerce-docs/pagebuilder-examples/tree/master/Columns/Extension/view/adminhtml/web/css/images/switcher) from our example repo.
 
 After downloading, add the files to your theme or module's `web/css/images/switcher/` directory to match the URLs we set for our viewport `icon` nodes in `view.xml`.